Definition and Usage
The box-lines property specifies whether columns will go onto a new line whenever it runs out of space in the parent box.
Info: By default, a horizontal box will lay out its children in a single row, and a vertical box will lay out its children in a single column.
| Default value: | single |
|---|---|
| Inherited: | no |
| Version: | CSS3 |
| JavaScript syntax: | object.style.boxLines="multiple" |
Syntax
box-lines: single|multiple;
Values
| Value | Description |
|---|---|
| single | All child elements will be placed in a single row or column (elements that do not fit will simply be considered overflow) |
| multiple | The box is allowed to expand to multiple lines, to accommodate all of its children |
Examples
div {
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
