You are here: Reference > CSS > properties > layout-grid-mode

layout-grid-mode property

Browser support:
Specifies whether the text layout grid uses one or two dimensions.
If you want to display characters that use a one or two-dimensional grid layout, such as Chinese and Japanese, you can use the layout-grid property to properly display them in web pages.
JavaScript page for this property: layoutGridMode. You can find other example(s) there.

Possible values:

 One of the following values: 
Default. Character (char) and line grid modes are enabled.
Only a character grid is used for the object.
Only a line grid is used for the object. Use for inline elements.
No layout grid is used.
Default: both.

Example HTML code 1:

This example illustrates the use of the layout-grid-mode property:
        .example {
            layout-grid-mode: both;
            layout-grid-line: 15px;
            layout-grid-char: 15px;
    <div class="example">layout-grid-mode: both</div>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content