This page is In Progress

Notice: The WebPlatform project, supported by various stewards between 2012 and 2015, has been discontinued. This site is now available on github.

box-lines

Summary

Do not use. This property has been replaced by the flex-wrap property.

Gets or sets a value that specifies whether child elements wrap onto multiple lines or columns based on the space available in the object.

Overview table

Initial value
single
Applies to
box elements
Inherited
No
Media
visual

Computed value
:

Animatable
No

CSS Object Model Property
:

Syntax

  • box-lines: multiple
  • box-lines: single

Values

single
Default.

All child elements are displayed in a single row or column. The overflow property of the object determines whether the child elements are hidden, clipped, or scrollable.

multiple
Child elements are wrapped and displayed in successive, parallel rows or columns. The object expands in height or width, perpendicular to the axis defined by the -ms-box-orient property, to accommodate the additional rows or columns.

Notes

Remarks

Each child element is resized to its minimum width or height before the object is resized to accomodate additional rows or columns. Each successive rows is inserted below the previous row when -box-direction is set to normal or above the previous row when box-direction is set to reverse. Each successive column is inserted to the right of the previous column when -box-direction is set to normal or to the left of the previous column when -ms-box-direction is set to reverse.

Related specifications

Flexible Box Layout Module
W3C Working Draft (Obsolete)

See also

Related articles

CSS Layout

Related pages

Attributions