Sets or retrieves the gridline value used for rendering the text content of an element.
Syntax
| HTML |
{ -ms-layout-grid-line : sLineSpace }
|
|---|
| Scripting | [ sLineSpace = ] object.style.layoutGridLine |
|---|
Possible Values
| sLineSpace | String that
specifies or receives one of the following values.- none
- Default. 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, or pc) or a relative units designator (em, ex, or px). For more information about the supported length units, see CSS Length Units Reference. - percentage
- Integer, followed by a percent sign (%). The value is a percentage derived from the dimensions of the parent object.
|
The property is read/write
for all objects except the following, for which it is read-only:
currentStyle.
The property has a default value of
none. The Cascading Style Sheets (CSS) attribute is
not inherited.
DHTML expressions can be used in place of the preceding value(s). As of Internet Explorer 8, expressions are not supported in IE8 mode. For more information, see About Dynamic Properties.
Remarks
Internet Explorer 8. The -ms-layout-grid-line attribute is an extension to CSS, and can be be used as a synonym for layout-grid-line in IE8 mode.
The visual effects of the -ms-layout-grid-line attribute are similar to the lineHeight property.
Web documents in 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 -ms-layout-grid attribute to incorporate this layout into Web documents.
The -ms-layout-grid-line attribute applies only to block-level elements.
Note For this property to have an effect, the
-ms-layout-grid-mode attribute must be set to
line or
both.
Example
This example uses the -ms-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>
Standards Information
This property is defined in
Cascading Style Sheets (CSS), Level 3 (CSS3)
.
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,
CSSCurrentStyleDeclaration Constructor,
CSSRuleStyleDeclaration Constructor,
CSSStyleDeclaration Constructor |