The CSS layout-grid-line property controls the grid length granularity when the layout-grid-mode is set to line or both. Visually, this property has an effect similar to the line-height property. It is used because Asian languages often employ page layout for characters for better visual formatting using a one or two-dimensional grid.


Value Description
none No character grid is used.
auto The largest character in the font for the current element is used to determine the character grid.
<length> Refers to either an absolute measurement or a relative measurement based on the current element's font size. Examples are cm, pt, px, etc.
<percentage> The percentage is relative to the height/width of the parent element.

HTML example:

<div style="layout-grid-mode:both; layout-grid-line:10px;">
Content snapped to a layout grid</div>

CSS example:

div {

See Also

Ad blocker interference detected!

Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.