Sets or retrieves whether the text layout grid uses two dimensions.
Syntax
HTML
{ layout-grid-mode : sMode }
Scripting
object.style.layoutGridMode [ =sMode ]
Possible Values
sMode
String that
specifies or receives one of the following values.
both
Default. Both the char and line grid modes are enabled. This setting is necessary to fully enable the layout grid on an element.
none
No grid is used.
line
Only a line grid is used. This is recommended for use with inline elements, such as a span, to disable the horizontal grid on runs of text that act as a single entity in the grid layout.
char
Only a character grid is used. This is recommended for use with block-level elements, such as a blockQuote, where the line grid is intended to be disabled.
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
both. The Cascading Style Sheets (CSS) attribute is
inherited.
Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see About Dynamic Properties.
Remarks
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 layout-grid attribute to incorporate this layout into Web documents.
Example
This example uses the layout-grid-mode attribute to specify character layout for a block of text.
<STYLE>
DIV.layout { layout-grid-mode: line }
</STYLE>
<DIV CLASS = "layout">
This is a block element containing a sentence of sample text.
</DIV>
Standards Information
property is part of a proposed addition to
Cascading Style Sheets (CSS) .