You are here: Reference > CSS > properties > layout-grid-char

layout-grid-char property

Browser support:
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: 
auto
Character grid is to be dependent on the largest character.
none
Default. Character grid is not used.
size in non-negative length
The size of the character grid in length units. For the supported length units, see the length page.
size in non-negative percentage
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? yes no

Supported by tags:

Related pages:

External links:

User Contributed Comments

Post Content

Post Content