CSS Attributes Index   Box Attributes

---

Sets or retrieves the composite document grid properties ( layoutGridMode, layoutGridType, layoutGridLine, layoutGridChar, and layoutGridCharSpacing ) used to specify the layout of text characters.

CSS	{ layout-grid: 'layout-grid-mode' 'layout-grid-type' 'layout-grid-line' 'layout-grid-char' 'layout-grid-char-spacing'}
Script	[ 'layout-grid-type' 'layout-grid-line' layout-grid-char 'layout-grid-char-spacing' = ] oObject.style.layoutGrid

layout-grid-mode	String specifying whether to enable or disable grid dimensions used for determining the layout of text.
layout-grid-type	String specifying the type of grid to use to determine how the contents of the grid are rendered.
layout-grid-line	String or integer specifying the value of a grid line. It is visually similar to the effect of applying the line-height attribute.
layout-grid-char	String or integer specifying the character grid size.
layout-grid-char-spacing	String or integer specifying the spacing of a text character. It is similar to the effect of applying the letter-spacing attribute.

The property is read/write with no default value; the proposed cascading stylesheet ( CSS ) extension attribute is inherited.

Characters in East Asian languages, such as Chinese or Japanese, commonly use page layout for characters according to a one- or two-dimensional grid. The layout-grid attribute enables authors to incorporate this layout in Web documents.

The layout-grid attribute only applies to block level elements.

The following sample demonstrates the use of the layout-grid attribute to specify character layout for a block of text.

<style>
DIV.layout {layout-grid: "char line 12px 12px .5in";}
</STYLE;>

<div CLASS = "layout">
This is a block element containing a
  sentence of sample text.
</div>