Detailed explanation of the use of layout-grid-char attribute in css

Syntax:

layout-grid-char : none | auto | length

Parameters:

none: Do not specify a row grid value
auto: Determine the grid according to the maximum character in the object text
length: Percentage | A length value composed of a floating point number and a unit identifier. The percentage value is based on the parent object size. See Length Units

Description:

Sets or retrieves the character grid value applied to the object text.
To implement this property, layout-grid-mode must be set to char or both.
The visual effect is similar to the line-height property. Applies only to block objects (such as divs).
The visual effect is similar to the line-height property.
Documents written in East Asian languages ​​(such as Chinese, Japanese) usually use a page layout of characters based on a one- or two-dimensional grid. You can add this layout to a web document using the layout-grid attribute.
This attribute only applies to block objects (such as div).
For this attribute to take effect, the layout-grid-mode attribute value must be set to line or both.
This property is read-only for the currentStyle object. For other objects can be read and written.
The corresponding script feature is layoutGridChar.
Example:

div { layout-grid-char: auto; }

layout-grid-char: none;
            layout-grid-line: none;
            layout-grid-mode: none;
            layout-grid-type: loose;

Why the prompt is not a known CSS property name

This does not affect the effect, overflow-x, overflow- y also prompted but the effect still came out

The above is the detailed content of Detailed explanation of the use of layout-grid-char attribute in css. For more information, please follow other related articles on the PHP Chinese website!