In order to access this site you need to enable JavaScript!

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>