The CSS layout-grid-mode property controls the type (if any) of the page layout grid to be used. It is used because Asian languages often employ page layout for characters for better visual formatting using a one or two-dimensional grid.
Values[]
| Value | Description |
|---|---|
both |
Character (char) and line grid modes are enabled. This value allows full grid layout for an element. |
none |
No layout grid is used. |
line |
Only a line grid is used for the element. Recommended for inline elements. |
char |
Only a character grid is used for the element. Recommended for block-level elements. |
HTML example:
<div style="layout-grid-mode:both; layout-grid-type:loose; layout-grid-char-spacing:15px;"> Content snapped to a layout grid</div>
CSS example:
div {
layout-grid-mode:both;
layout-grid-type:loose;
layout-grid-char-spacing:15px;
}