CSS LAYOUT-GRID-MODE

  • Share
  • Share

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 }

<div style=”layout-grid-mode: both; layout-grid-type: loose;
layout-grid-char-spacing: 15px”>Content snapped to a layout grid</div>

 

Possible 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.