CSS:-moz-box-flex

From MDC

« CSS « CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

In Mozilla applications, -moz-box-flex specifies how a box grows to fill the box that contains it, in the direction of the containing box's layout.

• Initial value: 0
• Applies to: elements that are direct children of an element with a CSS display value of -moz-box or -moz-inline-box
• Inherited: no
• Percentages: n/a
• Media: visual
• Computed value: as specified

[edit] Syntax

-moz-box-flex: number

[edit] Values

0

The box does not grow.

> 0

The box grows to fill a proportion of the available space.

[edit] Examples

hbox.example {
	-moz-box-flex: 1; /* take up some more space */
}

[edit] Notes

The containing box allocates the available extra space in proportion to the flex value of each of the content elements.

Content elements that have zero flex do not grow.

If only one content element has nonzero flex, then it grows to fill the available space.

Content elements that have the same flex grow by the same absolute amounts.

If the flex value is set using the element's flex attribute, then the style is ignored.

To make XUL elements in a containing box the same size, set the containing box's equalsize attribute to the value always. This attribute does not have a corresponding CSS property.

[edit] See Also

CSS:-moz-box-orient, CSS:-moz-box-pack