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

layout-grid-line property

Browser support:
Specifies the gridline value used for laying out Japanese or Chinese characters in a web document.
It has effect only if the layout-grid-mode property is set to line or both, and only applies to block elements.
JavaScript page for this property: layoutGridLine. You can find other example(s) there.

Possible values:

 One of the following values: 
auto
Character grid is to be dependent on the largest character.
height in non-negative length
The height of the gridline in length units. For the supported length units, see the length page.
height in non-negative percentage
The height of the gridline is the specified percentage of the height of the parent element.
none
Default. No grid line is drawn.
Default: none.

Example HTML code 1:

This example illustrates the use of the layout-grid-line property:
<head>
    <style>
        .example {
            layout-grid-line: 15px;
        }
    </style>
</head>
<body>
    <div class="example">
        layout-grid-line: 15px 
        <br />
        between these two lines
    </div>
</body>
Did you find this example helpful? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content