2.1.1.11 layout-grid-type
layoutGridType of type DOMString
,
read/write
Sets or retrieves the gridline value used for rendering the
text content of an element. This property has a default value of loose
. The other possible values are strict
and fixed
.
-
layout-grid-type
Value:
loose | strict | fixed
Initial:
loose
Applies to:
block-level elements, and table elements
Inherited:
yes
Percentages:
N/A
Media:
Computed value:
As specified
Values have the following meanings:
loose
Grid used for Japanese and Korean characters. In this mode, a constant width increment is applied to characters as follows:
Wide characters and narrow kana characters are incremented to obtain an exact grid fit, as specified by the layout-grid-char property.
Narrow characters, except connected and cursive characters, are incremented by half of the increment amount applied to wide characters.
Other characters, including connected and cursive characters, are not incremented, and behave as if no character grid is set.
strict
Grid used for Chinese, as well as Japanese (Genko) and
Korean characters. Only the ideographs, kanas, and wide characters are snapped
to the grid. Other characters are rendered as usual, as though the layout-grid-mode
attribute is set to none
or line
for text spans containing these characters. This
mode also disables special text justification and character width adjustments
normally applied to the element. Finally, if there is no line-break opportunity
in a text span that exceeds the line boundary, the text is pushed to the next
line and the last part of the previous line is left blank.
fixed
Grid used for monospaced layout. The layout rules are as follows:
All non-cursive characters are treated as equal; every character is centered within a single grid space by default.
Runs of cursive characters are treated as strips; the same as in a strict grid.
Justification or any other character-width changing behaviors are disabled.