Fandom

HTML & CSS Wiki

Layout-grid-mode

649pages on
this wiki
Add New Page
Comments0 Share

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

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.


HTML example:

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


CSS example:

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

See Also

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.