 Abakada: Back to Basics > Language References > CSS Properties > Box Properties > layout-grid-line Property
Sets or retrieves the line grid value to use for rendering the text contents of an element.
| CSS |
{ layout-grid-line: 'none' | 'auto' | iLength | iPercent} |
| Script |
[ 'none' | 'auto' | iLength | iPercent = ] oObject.style.layoutGridLine |
| none |
String indicating that no line grid is specified. |
| auto |
String specifying the grid is determined by the largest character in the font of the element. |
| iLength |
Floating-point number and a valid CSS length unit: either an absolute units designator ( cm, mm, in, pt, pc, or px ) or a relative units designator ( em or ex ). |
| iPercent |
Percentile derived from the dimensions of the parent. |
The property is read/write with no default value; the proposed cascading stylesheet ( CSS ) extension attribute is inherited.
The visual effects of the layout-grid-line attribute are somewhat akin to the lineHeight property.
Characters in East Asian languages, such as Chinese or Japanese, commonly use page layout for characters according to a one- or two-dimensional grid.
The layout-grid-line attribute only applies to block level elements.
Note In order for this property to have an effect, the layout-grid-mode attribute must be set to line or both.
The following sample demonstrates the use of the layout-grid-line attribute to specify character layout for a block of text.
<style>
DIV.layout {layout-grid-line: "auto";}
</STYLE;>
<div CLASS = "layout">
This is a block element containing a
sentence of sample text.
</div>
|