HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid line
Содержание
"layout-grid-line" Example
<html>
<body>
<p style="layout-grid-line:14px">This is only a sample text.</p>
<br>
<p id="myP">This is only a sample text.</p>
<button onclick="myP.style.layoutGridLine="40px"">
Set layoutGridLine to 40px
</button>
<button onclick="myP.style.layoutGridLine="40%"">
Set layoutGridLine to 40%
</button>
</body>
</html>
"layout-grid-line" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<blockquote> <body> |
| |<center> currentStyle |
| |<dd> <dir> |
| |<div> <dl> |
| |<dt> <fieldset> |
| |<form> <hn> |
| |<hr> <li> |
| |<listing> <marquee> |
| |<menu> <ol> |
| |<p> <pre> |
| |runtimeStyle style |
| |<table> <td> |
| |<th> <tr> |
| |<ul> <xmp> |
+----------------+--------------------------------------------------------------+
"layout-grid-line" Possible Values
Possible Values
none The default
auto The grid is set to the largest character
length a floating-point number followed by a unit designator
percentage percentage relative to the parent object
"layout-grid-line" Syntax and Note
Note:
The layout grid value is for rendering text.
Syntax:
element { layout-grid-line: value }
elementID.style.layoutGridLine = "value"
document.all.elementID.style.layoutGridLine = "value"