HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout grid mode

Материал из Web эксперт
Перейти к: навигация, поиск

"layout-grid-mode" Example

    
<html>
<body>
<span style="layout-grid-mode:line">This is only a sample text.</span>
<br>
<span id="myS">This is only a sample text.</span>
<button onclick="myS.style.layoutGridMode="line"">
Set layoutGridMode to line
</button>

<button onclick="myS.style.layoutGridMode="char"">
Set layoutGridMode to char
</button>
</body>
</html>



"layout-grid-mode" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <acronym>                     |
|                |<address>                       <applet>                      |
|                |<b>                             <base>                        |
|                |<basefont>                      <bdo>                         |
|                |<big>                           <blockquote>                  |
|                |<body>                          <button>                      |
|                |<caption>                       <center>                      |
|                |<cite>                          <code>                        |
|                |<col>                           <colgroup>                    |
|                |currentStyle                    <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">         <input type="file">           |
|                |<input type="image">            <input type="password">       |
|                |<inputtype="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-mode" Possible Values

Possible Values
both           the default
none
line
char.



"layout-grid-mode" Syntax and Note

Note:
Enable the character and line grid modes or not.
Syntax:
    
element { layout-grid-mode: value }
elementID.style.layoutGridMode = "value"
document.all.elementID.style.layoutGridMode = "value"