layout-grid-line

Overview table

Initial value
:

Applies to

All elements

Inherited

No

Media

visual

Computed value
:

Animatable

No

CSS Object Model Property
:

Syntax

• layout-grid-line: auto
• layout-grid-line: length
• layout-grid-line: none
• layout-grid-line: percentage

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 Values and Units Reference.

percentage

Integer, followed by a percent sign (%). The value is a percentage derived from the dimensions of the parent object.

Examples

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>

Notes

Remarks

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

Syntax

-ms-layout-grid-line: none | auto | <length>

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
• runtimeStyleruntimeStyle
• stylestyle

Attributions

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