box-flex

Summary

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

Overview table

Initial value

0.0

Applies to

in-flow children of box elements

Inherited

No

Media

visual

Computed value
:

Animatable

No

CSS Object Model Property
:

Syntax

• box-flex: integer

Values

integer

A floating point value that indicates the relative flexibility of a child element.

A value of 0.0 indicates the element is not flexible. Any other value indicates the relative flexiblity of the child element compared to the flexibility of other child elements.

A negative value is not valid.

Usage

 Do not use. This property has been replaced by the flex property. To ensure compatibility in the future, applications using this property should be updated accordingly.

Gets or sets a value that specifies whether the width or height of a child element is flexible based on the space available in the object. This value also indicates the proportion of space available that is allocated to the child element.

Related specifications

Flexible Box Layout Module

W3C Working Draft (Obsolete)

See also

Related articles

CSS Layout

• Responsive Web Design

• @import

• align-self

• background

• box-decoration-break

• box-flex

• box-lines

• box-orient

• box-pack

• box-shadow

• break-before

• flex-align

• flex-item-align

• flex-line-pack

• grid-auto-rows

• grid-definition-columns

• grid-definition-rows

• height

• max-width

• user-modify

• baseline-shift

Related pages

• CSSStyleDeclarationCSSStyleDeclaration
• currentStylecurrentStyle
• stylestyle

Attributions

• Microsoft Developer Network: [Windows Internet Explorer API reference Article]