The CSS layout-grid-char-spacing property controls the character spacing granularity when the layout-grid-mode is set to char or both, and the layout-grid-type property is set to loose. Visually, this property has an effect similar to the line-height property. It is used because Asian languages often employ page layout for characters for better visual formatting using a one or two-dimensional grid.


Value Description
auto The largest character in the font for the current element is used to determine the character grid spacing.
<length> Refers to either an absolute measurement or a relative measurement based on the current element's font size. Examples are cm, pt, px, etc.
<percentage> The percentage is relative to the height/width of the parent element.

HTML example:

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

CSS example:

div {

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.