layout-grid-mode

Overview table

Initial value
:

Applies to

All elements

Inherited

Yes

Media

visual

Computed value
:

Animatable

No

CSS Object Model Property
:

Syntax

• layout-grid-mode: both
• layout-grid-mode: char
• layout-grid-mode: line
• layout-grid-mode: none

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.

Examples

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>

Notes

Remarks

Windows Internet Explorer 8. The -ms-layout-grid-mode attribute is an extension to CSS, and can be used as a synonym for layout-grid-mode in IE8 Standards 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.

Syntax

-ms-layout-grid-mode: both | none | line | char

Standards information

There are no standards that apply here.

See also

Related articles

Text

• block-progression

• font-language-override

• font-size

• hyphenate-limit-chars

• hyphenate-limit-lines

• hyphenate-limit-zone

• hyphens

• ime-mode

• layout-grid

• layout-grid-char

• layout-grid-line

• layout-grid-mode

• layout-grid-type

• letter-spacing

• text-overflow-ellipsis

• text-overflow-mode

• text-rendering

• user-modify

• Text

• size

• b

• b

• br

• br

• caption

• cite

• code

• del

• dfn

• em

• font

• hr

• i

• ins

• kbd

• mark

• samp

• strong

• Achieving typographic effects with the canvas tag

Related pages

• CSSStyleDeclarationCSSStyleDeclaration
• currentStylecurrentStyle
• defaultSelecteddefaultSelected
• runtimeStyleruntimeStyle
• stylestyle

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]