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: 
fixed
Indicates that the layout grid is used in mono-space layout.
loose
Default. Indicates that the layout grid is used for Japanese and Korean characters.
strict
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:
<head>
    <style>
        .example {
            layout-grid-type: fixed;
        }
    </style>
</head>
<body>
    <div class="example">layout-grid-type: fixed</div>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content