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

layout-grid-type property

Browser support:
Specifies the type of grid to be used for laying out Japanese or Chinese characters in a web document.
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. The layout-grid-type property has effect only on block elements.
JavaScript page for this property: layoutGridType. You can find other example(s) there.

Possible values:

 One of the following values: 
Indicates that the layout grid is used in mono-space layout.
Default. Indicates that the layout grid is used for Japanese and Korean characters.
Indicates that the layout grid is used for Chinese, Japanese (Genko) and Korean characters.
Default: loose.

Example HTML code 1:

This example illustrates the use of the layout-grid-type property:
        .example {
            layout-grid-type: fixed;
    <div class="example">layout-grid-type: fixed</div>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content