box-lines property CSS Reference



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;
} 

Relative articles