Export (0) Print
Expand All

-ms-box-align property

Do not use. This property has been replaced by the -ms-flex-align property, and is no longer recognized by a Windows Store app using JavaScript. To ensure compatibility in the future, applications using this property should be updated accordingly. Gets or sets a value that specifies the alignment (perpendicular to the layout axis defined by the -ms-box-orient property) of child elements of the object.

This property is read/write.

Flexible Box Layout Module, Section 4

Syntax

-ms-box-align: before | after | middle | baseline | stretch

Property values

One of the following alignment values.

before

If the parent element has a computed value for -ms-box-direction of normal, the leading edge (or baseline) of each child element is aligned with the leading edge of the object. Any remaining space, perpendicular to the layout axis, is placed after the trailing edge of each child element.

If the parent element has a computed value for -ms-box-direction of reverse, the trailing edge (or baseline) of each child element is aligned with the trailing edge of the object. Any remaining space, perpendicular to the layout axis, is placed before the leading edge of each child element.

after

If the parent element has a computed value for -ms-box-direction of normal, the trailing edge of each child element is aligned with the trailing edge of the object. Any remaining space, perpendicular to the layout axis, is placed before the leading edge of each child element.

If the parent element has a computed value for -ms-box-direction of reverse, the leading edge of each child element is aligned with the leading edge of the object. Any remaining space, perpendicular to the layout axis, is placed after the trailing edge of each child element.

middle

Each child element is centered between the leading and trailing edges of the object. Any remaining space, perpendicular to the layout axis, is evenly distributed before and after each child.

baseline

The baselines (leading edge or trailing edge depending on the -ms-box-direction property) of all child elements are aligned with each other.

The child element that occupies the most space, perpendicular to the layout axis, follows the before rule; the baselines of all remaining elements are then aligned with the baseline of this element.

stretch

Default. Each child element is stretched to completely fill the space that is available perpendicular to the layout axis. If set, the max-width or max-height property for a child element takes precedence and layout follows the before rule.

CSS information

Applies Toflexbox elements
Mediavisual
Inheritedno
Initial Valuestretch

Standards information

See also

CSSStyleDeclaration
currentStyle
style

 

 

Build date: 9/4/2012

Community Additions

Show:
© 2014 Microsoft