CSS LAYOUT-GRID

  • Share
  • Share

Asian languages often employ page layout for characters to achieve better visual formatting using a one or two-dimensional grid. The ‘layout-grid’ property is a shorthand method used to set the ‘layout-grid-mode’, ‘layout-grid-type’, ‘layout-grid-line’, ‘layout-grid-char’, and ‘layout-grid-char-spacing’ properties using a single property notation.

 

Example

div { layout-grid: both loose 15px 15px 2cm }

<div style=”layout-grid: both loose 15px 15px 2cm”>Content
snapped to a layout grid</div>