View on

Element: box

The box element is used for creating (block) layouts. It is not visible unless you specify a border. A box element can have any other element as a child. It is somewhat comparable to HTML's 'div' element.
box {
  width: <width>;
  height: <height>;
}

Properties

Property: position

Values

Examples

Property: width

Values

Examples

Property: height

Values

Examples

Property: margin

Values

Examples

Property: margin-top

Values

Examples

Property: margin-right

Values

Examples

Property: margin-bottom

Values

Examples

Property: margin-left

Values

Examples

Property: border-top-color

Values

Examples

Property: border-right-color

Values

Examples

Property: border-bottom-color

Values

Examples

Property: border-left-color

Values

Examples

Property: border-top-width

Values

Examples

Property: border-right-width

Values

Examples

Property: border-bottom-width

Values

Examples

Property: border-left-width

Values

Examples

Property: scale-x

Values

Examples

Property: scale-x-min

Values

Examples

Property: scale-x-max

Values

Examples

Property: scale-x-padding

Values

Examples

Property: scale-x-layout

Values

Examples

Property: scale-y

Values

Examples

Property: scale-y-min

Values

Examples

Property: scale-y-max

Values

Examples

Property: scale-y-padding

Values

Examples

Property: scale-y-layout

Values

Examples

Property: background-color

Values

Examples

Property: foreground-color

Values

Examples

Property: text-color

Values

Examples

Property: border-color

Values

Examples

Edit this page on GitHub