Layout

Generic Layout Attributes

margin-top , margin-right, margin-bottom and margin-left

The attributes margin-top , margin-right, margin-bottom and margin-left set the thickness of the margin area. The value may be negative. The value type is a length value.

margin

The attribute margin is a shorthand for the other four. The value type is one to four length value. If no unit is given to a length value. If margin has four values, they set top, right, bottom and left in that order. If left is omitted, it is the same as right. If bottom is omitted, it is the same as top. If right is omitted it is the same as top.

TODO: Implement [margins]?

Size and position attributes

[css]

x

The x attribute specify the x position for the left edge of this element relative to the left edge of its parent container. The value type is a length value or a percentage value. If the parent container does not support absolute positioning, this attribute is ignored. The percentage is calculated with respect to the final width of parent container element.

y

The y attribute specify the y position for the top edge of this element relative to the top edge of its parent container. The value type is a length value or a percentage value. If the parent container does not support absolute positioning, this attribute is ignored. The percentage is calculated with respect to the final width of parent container element.

width

The width attribute specify the prefered width of an element. The value type is a length value or a percentage value. The percentage is calculated with respect to the final width of parent container element. If the given width of an element is smaller than the elements min-width this attribute is ignored.

height

The height attribute specify the prefered height of an element. The value type is a length value or a percentage value. The percentage is calculated with respect to the final height of parent container element. If the given height of an element is smaller than the elements min-height this attribute is ignored.

min-width

The min-width attribute specify the minimum width of an element. The value type is a length value or a percentage value. The percentage is calculated with respect to the final width of parent container element.

min-height

The min-height attribute specify the minimum height of an element. The value type is a length value or a percentage value. The percentage is calculated with respect to the final height of parent container element.

flex

The flex attribute specify how an element is resized in relation to other resizeable elements in its parent container. The value type is a positive integer value. A value of 0 means that this element will not be resized even if the parent container has space left to distribute. The defaul value is 0.

visibility

The visibility attribute specify if an element is actually rendered and if it takes space inside its parent container.

visible: the element is visible
hidden: the element is hidden but still its parent container reserves space
collapse: the element is hidden and its parent reserves no space

Container layout attributes

align

start: -
center: -
end: -
baseline: -
stretch: -

axis

x: -
y: -
line: -
page: -

pack

start: child elements are aligned to the start edge of this container
center: child elements are aligned in the center of this container
end: child elements are aligned to the end edge of this container

spacing

The spacing attributes specify a space that the container reserves between its child elements. The value type is a length value. The default is 0.

writing-mode

lr-tb: -
rl-tb: -
tb-rl: -
tb-lr: -
context: -

User:Cl@openoffice.org/Gozer

Contents