Skip to main content

Margins

Element type: Dictionary

The Margins key allows a component to add some space from its edges. Note that the border, if any is set, will be drawn after the given space.

The key is also accepted by a container, where it sets the padding between the container's edges and the components it holds, and by the Row, Column and Card layout components.

info

Since Octory 3.1.0, a container applies a 15 pt padding on all four edges by default. Setting Margins on a container overrides that default, edge by edge: an explicit 0 makes the content flush with that edge. Media components bleed past this padding — see Containers.

Keys​

NameTypeRequired
TopNumber
BottomNumber
RightNumber
LeftNumber

Detail​

Top​

Type: Number
Explanation: Top margin. Space to add between the component and another element above.

Bottom​

Type: Number
Explanation: Bottom margin. Space to add between the component and another element below.

Type: Number
Explanation: Top margin. Space to add between the component and another element on the right.

Left​

Type: Number
Explanation: Left margin. Space to add between the component and another element on the left.