An element which should appear before or after an element inside a container. When the splitter is dragged, the sibling elements of the splitter are resized. When the grippy on the splitter is clicked, one sibling element of the splitter is collapsed.

Attributes inherited from XUL Element

Determines the horizontal alignment of the children of the splitter.

• left: The elements are aligned on their left edges.
• center: The elements are centered.
• right: The elements are aligned on their right edges.

In the splitter is placed inside a horizontally oriented box, autostretch determines whether the splitter stretches vertically to fit the given space. For vertically oriented boxes, determines whether the splitter stretches horizontally to fit the given space. Stetching in the opoosite direction is controlled with the flex attribute.

• never: The splitter is never stretched and is displayed at the size specified by its width and height attributes or by the CSS width and height properties.
• always: The splitter stretches to fill the given space.

Determines which side of the splitter is collapsed when its grippy is clicked. If this attribute is not specified, the splitter will not cause a collapse.

• none: No collpasing occurs.
• before: When the grippy is clicked, the element before the splitter in the same parent is collapsed so that its width or height is 0.
• after: When the grippy is clicked, the element after the splitter in the same parent is collapsed so that its width or height is 0.

If true, extra borders are drawn around the element and all its descendants. This can be used to determine orientation and where flexible elements are. If debug mode is enabled for a box, horizontal oriented boxes are displayed with a blue border and vertical boxes are displayed with a red border. The border above the element will be straight for non-flexible elements and wavy for flexible elements.

Indicates the flexibility of the splitter. Flexible elements grow and shrink to fit their given space. The actual value is not relevant unless there are other flexible elements with-in the same container. Elements with larger flex values will grow more than elements with lower flex values, at the ratio determined by the two elements.

The height of the splitter in pixels. It is recommended to use the CSS height property instead.

For elements placed within a bulletinboard, specifies the position of the left edge of the splitter.

Used to specify whether the children of the splitter element are oriented horizontally or vertically.

• horizontal: Child elements of the splitter are placed next to each other in a row in the order that they appear in the XUL source.
• vertical: Child elements of the splitter are placed under to each other in a column in the order that they appear in the XUL source.

This attribute indicates which element to the right or below the splitter should be resized when the splitter is repositioned.

• closest: The element immediately to the right or below the splitter resizes.
• farthest: The element that is the farthest away from the splitter to the right or below the splitter resizes.
• grow: The elements to the right of the splitter do not change size when the splitter is dragged, but instead the entire container changes size.

This attribute indicates which element to the left or above the splitter should be resized when the splitter is repositioned.

• closest: The element immediately to the left or above the splitter resizes.
• farthest: The element that is the farthest away from the splitter to the left or above the splitter resizes.

For elements placed within a bulletinboard, specifies the position of the top edge of the splitter.

Determines the vertical alignment of the children of the splitter.

• top: Elements are aligned by their top edges.
• middle: Elements are centered vertically.
• bottom: Elements are aligned by their bottom edges.
• baseline: Elements are aligned by their text baseline.

The width of the splitter in pixels. It is recommended to use the CSS width property instead.