layout-grid-char property
Specifies the size of the character grid for the layout of an element's text content.
This property has effect only if the layout-grid-mode property is set to line or both, and only applies to block elements.
| JavaScript page for this property: layoutGridChar. You can find other example(s) there. |
Possible values:
One of the following values: | Character grid is to be dependent on the largest character. | |||||||
| Default. Character grid is not used. | |||||||
| The size of the character grid in length units. For the supported length units, see the length page. | |||||||
| The size is the specified percentage of the height of parent element. |
Default: none.
Example HTML code 1:
This example illustrates the use of the layout-grid-char property:
|
|
||||
<head> <style> .example { layout-grid-char: 15px; } </style> </head> <body> <div class="example">layout-grid-char: 15px</div> </body> |
||||
|
||||
|
Did you find this example helpful?
|
Supported by tags:
address, blockQuote, body, caption, center, dd, dir, div, dl, dt, fieldSet, form, H1, H2, H3, H4, H5, H6, html, isIndex, legend, li, listing, marquee, menu, ol, p, pre, table, td, textArea, th, tr, ul, xmp
Related pages:
ime-mode
layout-flow
layout-grid
layout-grid-line
layout-grid-mode
layout-grid-type
ruby-align
ruby-overhang
ruby-position
text-justify
text-kashida-space
unicode-bidi
layout-flow
layout-grid
layout-grid-line
layout-grid-mode
layout-grid-type
ruby-align
ruby-overhang
ruby-position
text-justify
text-kashida-space
unicode-bidi
External links:
User Contributed Comments