Export (0) Print
Expand All

-ms-layout-grid-line property

Specifies the gridline value used for rendering the text content of an element.

Internet Explorer 9

 

Syntax

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

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

CSS information

Applies ToAll elements
Mediavisual
Inheritedno
Initial Value

Standards information

There are no standards that apply here.

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.

Examples

This example uses the -ms-layout-grid-line attribute to specify character layout for a block of text.


<style>
  .layout { layout-grid-line: auto; }
</style>

<div class="layout">
  This is a block element containing a sentence of sample text.
</div>

See also

CSSStyleDeclaration
currentStyle
runtimeStyle
style

 

 

Show:
© 2014 Microsoft