Sets or retrieves the grid line value used for rendering the text content of an element.
Syntax
HTML { layout-grid-line: sLineSpace } Scripting oObject.style.layoutGridLine [ = sLineSpace ]
Possible Values
sLineSpace String that specifies one of the following values:
none No grid line is set. auto Largest character in the font of the element is used to set the character grid. length Floating-point number, followed by an absolute units designator (cm, mm, in, pt, pc, or px) or a relative units designator (em or ex). For more information about the supported length units, see CSS Length Units. percentage Integer, followed by a %. The value is a percentage derived from the dimensions of the parent object. The property is read/write with a default value of none; the proposed cascading style sheets (CSS) extension attribute is inherited.
Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see Dynamic Properties.
Remarks
The visual effects of the layout-grid-line attribute are similar to the lineHeight property.
Web documents in East Asian languages, such as Chinese or Japanese, usually create a page layout for characters using a one- or two-dimensional grid. You can use the layout-grid attribute to incorporate this layout into Web documents.
The layout-grid-line attribute applies only to block-level elements.
Note For this property to have an effect, the layout-grid-mode attribute must be set to line or both.
Example
This example uses the layout-grid-line attribute to specify character layout for a block of text.
<STYLE> DIV.layout { layout-grid-line: auto } </STYLE> <DIV CLASS = "layout"> This is a block element containing a sentence of sample text. </DIV>
Applies To
BLOCKQUOTE, BODY, CENTER, currentStyle, DD, DIR, DIV, DL, DT, FIELDSET, FORM, Hn, HR, LI, LISTING, MARQUEE, MENU, OL, P, PLAINTEXT, PRE, runtimeStyle, style, TABLE, TD, TH, TR, UL, XMP