-ms-layout-grid-mode Attribute | layoutGridMode Property

Sets or retrieves whether the text layout grid uses two dimensions.

Syntax

HTML { -ms-layout-grid-mode : sMode }
Scripting[ sMode = ] object.style.layoutGridMode

Possible Values

sModeString 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.

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

 New for Windows Internet Explorer 8 Internet Explorer 8. The -ms-layout-grid-mode attribute is an extension to CSS, and can be be used as a synonym for layout-grid-mode in IE8 mode.

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.

Example

This example uses the -ms-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

This property is defined in Cascading Style Sheets (CSS), Level 3 (CSS3) World Wide Web link.

Applies To

A, ABBR, ACRONYM, ADDRESS, APPLET, B, BASE, BASEFONT, BDO, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, currentStyle, CUSTOM, DD, defaults, DEL, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, HEAD, hn, HR, I, IFRAME, IMG, INPUT type=button, INPUT type=checkbox, INPUT type=file, INPUT type=image, INPUT type=password, INPUT type=radio, INPUT type=reset, INPUT type=submit, INPUT type=text, INS, KBD, LABEL, LEGEND, LI, LISTING, MARQUEE, MENU, META, nextID, NOBR, OBJECT, OL, OPTION, P, PLAINTEXT, PRE, Q, RT, RUBY, runtimeStyle, S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, style, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TR, TT, U, UL, VAR, XMP, CSSCurrentStyleDeclaration Constructor, CSSRuleStyleDeclaration Constructor, CSSStyleDeclaration Constructor
Tags :


Page view tracker