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 | Next Style: layout-grid-char-spacing |


layout-grid-char

Specifies the size of the character grid to use when displaying 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-spacing, layout-grid-line, layout-grid-mode, layout-grid-type

Possible Values:

auto
The largest character determines the size of the character grid.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

length
A specific character grid size.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

none
No character grid is used.

Support:

W3C StandardInternet ExplorerNetscape Navigator
Not supported 5.0 and later Not supported

percentage
The character grid size 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-char: 14px">
A thousand cups of wine do not suffice when true 
friends meet, but half a sentence is too much when 
there is no meeting of minds.&#151;Chinese proverb
</BLOCKQUOTE>

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