This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

layout-grid

Overview table

Initial value
both loose none none
Applies to
All elements
Inherited
Yes
Media
visual

Computed value
:

Animatable
No

CSS Object Model Property
:

Syntax

  • layout-grid: char
  • layout-grid: line
  • layout-grid: mode
  • layout-grid: type

Values

mode
Any of the range of mode values available to the -ms-layout-grid-mode property.
type
Any of the range of type values available to the -ms-layout-grid-type property.
line
Any of the range of line values available to the -ms-layout-grid-line property.
char
Any of the range of character values available to the -ms-layout-grid-char property.

Examples

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

<STYLE>
DIV.layout { layout-grid: both fixed 12px 12px }
</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 attribute is an extension to CSS, and can be used as a synonym for layout-grid in IE8 Standards mode. Though you don’t have to specify all four values for the -ms-layout-grid attribute, they must be listed in the order given in Possible Values. Web documents in Asian languages, such as Chinese or Japanese, usually create a page layout for characters using a one-dimensional or two-dimensional grid. You can use the -ms-layout-grid attribute to incorporate this layout into Web documents.

Syntax

-ms-layout-grid: mode type line char

Standards information

There are no standards that apply here.

See also

Related articles

Text

Related pages

Attributions