CSS LAYOUT-GRID-CHAR-SPACING

Asian languages often employ page layout for characters for better visual formatting using a one or two-dimensional grid. This 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.

Example
1
2
3
4
5
div {
  layout-grid-mode: both;
  layout-grid-type: loose;
  layout-grid-char-spacing: 15px
}
1
2
<div style="layout-grid-mode: both; layout-grid-type: loose;
layout-grid-char-spacing: 15px"
>Content snapped to a layout grid</div>

Possible Values

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.
[percentage]: The percentage is relative to the height/width of the parent element.