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
1
2
3
4
5
div {
  layout-grid-mode: both;
  layout-grid-type: loose;
  layout-grid-char-spacing: 15px
}
1
2
<div style="layout-grid-mode: both; layout-grid-type: loose;
layout-grid-char-spacing: 15px"
>Content snapped to a layout grid</div>

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.