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

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

"layout-flow" Example

   <source lang="html4strict">
   

<html> <body>

This text has a regular horizontal flow

<button onclick="myP.style.layoutFlow="vertical-ideographic";

                myP.innerText="This text has a vertical-ideographic flow"">
                Set layoutFlow to vertical-ideographic

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


     </source>
   
  


"layout-flow" is applied to

   <source lang="html4strict">

+----------------+--------------------------------------------------------------+ | Applied_To |<a> <acronym> | | |<address> |

| |
|

| |<button> |

| |
|

| | currentStyle | | |<custom>

| | | |

| |<dir>
| | |
| | | <fieldset> | | | <form> | | |<hn>
|

| | <input> | | |<inputtype="button"> <input type="checkbox"> | | |<input type="file"> <inputtype="hidden"> | | |<input type="image"> <input type="password"> | | |<inputtype="radio"> <input type="reset"> | | |<input type="submit"> <input type="text"> | | | <isindex> | | | <label> |

| |<legend>
  • | | |<marquee> <menu> | | |
      <option> | | |

                               |
      |                |                                                     |
      |                |runtimeStyle                                               |
      |                |                          <select>                      |
      |                |                                                 |
      |                |                                              |
      |                |style                                                    |
      |                |                           <td>                          |
      |                |<textarea>                      <th>                          |
      |                |                                                       |
      |                |
        | +----------------+--------------------------------------------------------------+ </source>

        "layout-flow" Possible Values

        <source lang="html4strict"> Possible Values horizontal content flows from left to right vertical-ideographic content flows from top to bottom, as in East Asian typography.


        </source>



        "layout-flow" Syntax and Note

        <source lang="html4strict"> Note: Element"s the flow direction. Syntax:

        element { layout-flow: value } elementID.style.layoutFlow = "value" document.all.elementID.style.layoutFlow = "value"


        </source>