CSS LAYOUT-GRID-MODE

Asian languages often employ page layout for characters to achieve better visual formatting using a one or two-dimensional grid. This property controls the type (if any) of the page layout grid to be used.

Example


div {
layout-grid-mode: both;
layout-grid-type: loose;
layout-grid-char-spacing: 15px
}

Content snapped to a layout grid


Possible Values

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.