The cover of The Complete Idiot's Guide to Create a Web Page The Complete Idiot's Style Sheets Reference

| Index | Current Category: Text (International) |
| Previous Style: layout-grid-char-spacing | Next Style: layout-grid-mode |


layout-grid-line

Specifies the height of each line in the grid used to display text in an element.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported
Notes:
  • Pages written in Asian languages such Chinese, Korean, or Japanese, usually make use of a one- or two-dimensional grid for laying out characters.
  • To use this property, you must also set layout-grid-mode to line or both.

See Also:

layout-grid, layout-grid-char, layout-grid-char-spacing, layout-grid-mode, layout-grid-type

Possible Values:

auto
The largest character determines the height of the line grid.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

length
A specific height for the line grid.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

none
The line grid is not used.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

percentage
The height of the line grid as a percentage of the current block size.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

Example:
<BLOCKQUOTE STYLE="layout-grid-mode: line; layout-grid-line: 14px">
Never do anything standing that you can do sitting, 
or anything sitting that you can do lying down.
&#151;Chinese proverb
</BLOCKQUOTE>

| Index | Current Category: Text (International) |
| Previous Style: layout-grid-char-spacing | Next Style: layout-grid-mode |