B.51. layout-grid-mode

East Asian writing systems generally call for character layout to be performed in a grid. This property lets you set which character dimensions (character width or line height) are regulated by the grid.

Inherited: Yes

See also: Section B.48layout-grid, Section B.48layout-grid-char, and Section B.50layout-grid-line

B.51.1. Value

Any one of the following constants:

• both

• char

• line

• none

Initial value: both

B.51.2. Compatibility

CSS Version: n/a

Internet Explorer 5 or later for Windows only.

Equivalent functionality is planned for inclusion in CSS3, but final property names and values are likely to differ. To follow the work on this front, see the CSS Working Group Web site.

B.51.3. Example

This style rule sets span elements with the attribute lang="jp", to display characters according to a 12 point grid, but to leave the line height alone:

span[lang=jp] {
  layout-grid-mode: char;
  layout-grid-char: 12pt;
}

Note that since Internet Explorer for Windows doesn't currently support attribute selectors, this style rule has no practical use.