CSS3 Examples

CSS LAYOUT-GRID-MODE

Written by jon on 12:37 AM 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.