-ms-layout-grid-mode property

Specifies whether the text layout grid uses two dimensions.

Internet Explorer 9

Syntax

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

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

CSS information

Applies ToAll elements
Mediavisual
Inherited1
Initial Value

Standards information

There are no standards that apply here.

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.

Examples

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


<!DOCTYPE html>

<html>
<head>
  <title>layout-grid-mode</title>
  <style>
    .layout {
      -ms-layout-grid-mode: line;
      layout-grid-mode: line; /* Use the standard when available. */
    }
  </style>

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

See also

CSSStyleDeclaration
currentStyle
defaults
runtimeStyle
style

 

 

Show:
© 2014 Microsoft. All rights reserved.