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

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

"layout-grid" Example

   <source lang="html4strict">

<html> <body>

This text is only a sample text.

<button onclick="myP.style.layoutGrid="both fixed 16px 10px""> 

  Set layoutGrid to both fixed 16px 10px

</button> </body> </html> 


     </source>


"layout-grid" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> <applet> | | | <base> | | |<basefont> |

| |
|

| |<body> <button> |

| |
|

| | | | |<col> <colgroup> | | |<custom>

| | |defaults | | | <dir> |

| |
|

| |

| | |<embed> <fieldset> | | | <form> | | |<frame> <frameset> | | |<head> <hn> |

| |
|

| |<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"> | | | <label> |

| |<legend>
  • | | |<listing> <marquee> | | |<menu> <meta> | | |nextID <nobr> | | |<object>
      | | |<option>

      | | |

                                                            |
|                |                                                    |
|                |runtimeStyle                                               |
|                |                          <script>                      |
|                |<select>                                               |
|                |                                                |
|                |                        style                         |
|                |                                                    |
|                |                         <tbody>                       |
|                |                          |
|                |                                                       |
|                |
                                                             |
|                |<xmp>                                                         |
+----------------+--------------------------------------------------------------+
      
      </source>
    
   



        "layout-grid" Syntax and Note
        

            <source lang="html4strict">
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"    


              
      </source>

        

      

      


                                  <textarea>                    |
|                |<tfoot>                                                   |
|                |<thead>

    • Источник — «http://wbex.ru/index.php?title=HTML_CSS_Reference/CSS_Attributes_and_Javascript_Style_Properties/layout_grid&oldid=6179»