HTML CSS Reference/CSS Attributes and Javascript Style Properties/layout flow
Содержание
"layout-flow" Example
<html>
<body>
<p id="myP">This text has a regular horizontal flow</p>
<button onclick="myP.style.layoutFlow="vertical-ideographic";
myP.innerText="This text has a vertical-ideographic flow"">
Set layoutFlow to vertical-ideographic
</button>
</body>
</html>
"layout-flow" is applied to
+----------------+--------------------------------------------------------------+
| Applied_To |<a> <acronym> |
| |<address> <b> |
| |<big> <blockquote> |
| |<button> <caption> |
| |<center> <cite> |
| |<code> currentStyle |
| |<custom> <dd> |
| |<del> <dfn> |
| |<dir> <div> |
| |<dl> <dt> |
| |<em> <fieldset> |
| |<font> <form> |
| |<hn> <hr> |
| |<i> <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"> |
| |<ins> <isindex> |
| |<kbd> <label> |
| |<legend> <li> |
| |<marquee> <menu> |
| |<ol> <option> |
| |<p> <pre> |
| |<q> <ruby> |
| |runtimeStyle <s> |
| |<samp> <select> |
| |<small> <span> |
| |<strike> <strong> |
| |style <sub> |
| |<sup> <td> |
| |<textarea> <th> |
| |<tt> <u> |
| |<ul> <var> |
+----------------+--------------------------------------------------------------+
"layout-flow" Possible Values
Possible Values
horizontal content flows from left to right
vertical-ideographic content flows from top to bottom,
as in East Asian typography.
"layout-flow" Syntax and Note
Note:
Element"s the flow direction.
Syntax:
element { layout-flow: value }
elementID.style.layoutFlow = "value"
document.all.elementID.style.layoutFlow = "value"