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
- Animatable
- No
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
box-lines
Related pages
- CSSStyleDeclarationCSSStyleDeclaration
- currentStylecurrentStyle
- stylestyle
Attributions
Microsoft Developer Network: [Windows Internet Explorer API reference Article]