HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid
"layout-grid" Example
<html>
<body>
<p id=myP>This text is only a sample text.</p>
<button onclick="myP.style.layoutGrid="both fixed 16px 10px"">
Set layoutGrid to both fixed 16px 10px
</button>
</body>
</html>
"layout-grid" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <acronym> |
| |<address> <applet> |
| |<b> <base> |
| |<basefont> <bdo> |
| |<big> <blockquote> |
| |<body> <button> |
| |<caption> <center> |
| |<cite> <code> |
| |<col> <colgroup> |
| |<custom> <dd> |
| |defaults <del> |
| |<dfn> <dir> |
| |<div> <dl> |
| |<dt> <em> |
| |<embed> <fieldset> |
| |<font> <form> |
| |<frame> <frameset> |
| |<head> <hn> |
| |<hr> <i> |
| |<iframe> <img> |
| |<input type="button"> <input type="checkbox"> |
| |<inputtype="file"> <input type="image"> |
| |<input type="password"> <input type="radio"> |
| |<input type="reset"> <input type="submit"> |
| |<input type="text"> <ins> |
| |<kbd> <label> |
| |<legend> <li> |
| |<listing> <marquee> |
| |<menu> <meta> |
| |nextID <nobr> |
| |<object> <ol> |
| |<option> <p> |
| |<pre> <q> |
| |<rt> <ruby> |
| |runtimeStyle <s> |
| |<samp> <script> |
| |<select> <small> |
| |<span> <strike> |
| |<strong> style |
| |<sub> <sup> |
| |<table> <tbody> |
| |<td> <textarea> |
| |<tfoot> <th> |
| |<thead> <tr> |
| |<tt> <u> |
| |<ul> <var> |
| |<xmp> |
+----------------+--------------------------------------------------------------+
"layout-grid" Syntax and Note
Note:
Set four different object-grid space-delimited style properties:
layout-grid-mode,
layout-grid-type,
layout-grid-line,
layout-grid-char.
These style properties specify the layout of text characters.
Syntax:
element { layout-grid: values }
elementID.style.layoutGrid = "values"
document.all.elementID.style.layoutGrid = "values"