CSS3 box-linesProperty
Example
Specify a div box to allow expansion to multiple lines:
div
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
{
display:box;
box-orient:horizontal;
box-lines:multiple;
width:200px;
}
Try it Yourself »
Browser Support
Currently, none of the major browsers support the box-lines property.
Property definition and usage instructions
The box-lines property specifies whether a new row will be obtained in the column whenever it runs in the space of the parent box.
Tip:By default, a horizontal box lays out its child elements in a single row, and a vertical box lays out its child elements in a single column.
| Default Value: | single |
|---|---|
| Inherited: | no |
| version: | CSS3 |
| JavaScript Syntax: | object.style.boxLines="multiple" |
Syntax
box-lines: single|multiple;
| Value | Description |
|---|---|
| single | All child elements are placed in a single row or column (elements that don't fit are only considered overflow). |
| multiple | The box is allowed to expand to multiple lines to accommodate all of its children. |