layout-grid

Support Key: [IE5]
Other International Properties
unicode-bidi
direction
ruby-align
ruby-overhang
ruby-position
line-break
word-break
writing-mode
ime-mode
text-justify
text-autospace
text-kashida-space
layout-flow
layout-grid-mode
layout-grid-type
layout-grid-line
layout-grid-char
layout-grid-char-spacing
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   NA
Applicable Elements:
All
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
NA
Official Docs:
Microsoft MSDN Reference
What is it?
Asian languages often employ page layout for characters to achieve better visual formatting using a one or two-dimensional grid. The 'layout-grid' property is a shorthand method used to set the 'layout-grid-mode', 'layout-grid-type', 'layout-grid-line', 'layout-grid-char', and 'layout-grid-char-spacing' properties using a single property notation.

Allowed Values
[layout-grid-mode]
[IE5]
Type: Explicit
Description:
See the individual property for details on syntax and allowed values.
[layout-grid-type]
[IE5]
Type: Explicit
Description:
See the individual property for details on syntax and allowed values.
[layout-grid-line]
[IE5]
Type: Explicit
Description:
See the individual property for details on syntax and allowed values.
[layout-grid-char]
[IE5]
Type: Explicit
Description:
See the individual property for details on syntax and allowed values.
[layout-grid-char-spacing]
[IE5]
Type: Explicit
Description:
See the individual property for details on syntax and allowed values.
Syntax
Selector { layout-grid: [layout-grid-mode] [layout-grid-type] [layout-grid-line] [layout-grid-char] [layout-grid-char-spacing] }
Example
Ext/Doc: div { layout-grid: both loose 15px 15px 2cm }
In-Line:  <div STYLE="layout-grid: both loose 15px 15px 2cm">Content
snapped to a layout grid</div>
Browser Peculiarities

Boring Copyright Stuff....