CSS:-moz-box-align

From MDC

« CSS « CSS Reference « CSS Reference:Mozilla Extensions

[edit] Summary

In Mozilla applications, -moz-box-align specifies how a XUL box aligns its contents across (perpendicular to) the direction of its layout. The effect of this is only visible if there is extra space in the box.

The direction of layout depends on the element's orientation: horizontal or vertical.

• Initial value: stretch
• Applies to: elements 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-align: start | center | end | baseline | stretch

[edit] Values

start

The box aligns contents at the start, leaving any extra space at the end.

center

The box aligns contents in the center, dividing any extra space equally between the start and the end.

end

The box aligns contents at the end, leaving any extra space at the start.

baseline

The box aligns the baselines of the contents (lining up the text). This only applies if the box'sorientation is horizontal.

stretch

The box stretches the contents so that there is no extra space in the box.

[edit] Examples

hbox.example {
	-moz-box-align: end; /* move contents to the bottom */
}

[edit] Notes

The edge of the box designated the start for alignment purposes depends on the box's orientation:

Horizontal	top
Vertical	left

The edge opposite to the start is designated the end.

If the alignment is set using the element's align attribute, then the style is ignored.

[edit] See Also

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