Skip to content

Style Properties

All properties available inside <styles> rules, organised by category.

Usage

xml
<styles>
  <tag-name>
    <property-name>value</property-name>
  </tag-name>
</styles>

Layout Properties

PropertyValid ValuesApplies To
widthpt, cm, %, fill, autoBlocks
heightpt, cm, %, fill, autoBlocks
min-widthpt, cm, %Blocks
max-widthpt, cm, %Blocks
min-heightpt, cm, %Blocks
max-heightpt, cm, %Blocks
directioncolumn, col, rowFrames
h-alignleft, center, rightBlocks
v-aligntop, center, bottomBlocks

Typography Properties

PropertyValid ValuesApplies To
fontFont nameAll
font-sizeptAll
font-stylenormal, bold, italicAll
font-colorColour valueAll
text-alignleft, right, center, justifiedAll
line-heightNumber or ptAll
text-decorationnone, underline, strikethroughInlines
text-shadowptAll
text-shadow-colorColour valueAll
preserve-whitespacetrue, falseAll
wrapnormal, noneAll
overflowvisible, ellipsisAll

Spacing Properties

PropertyValid ValuesApplies To
paddingpt, cmBlocks
padding-toppt, cmBlocks
padding-bottompt, cmBlocks
padding-leftpt, cmBlocks
padding-rightpt, cmBlocks
space-before-desiredpt, cmBlocks
space-after-desiredpt, cmBlocks

Border Properties

PropertyValid ValuesApplies To
border-weightptBlocks
border-weight-topptBlocks
border-weight-bottomptBlocks
border-weight-leftptBlocks
border-weight-rightptBlocks
border-colorColour valueBlocks
border-color-topColour valueBlocks
border-color-bottomColour valueBlocks
border-color-leftColour valueBlocks
border-color-rightColour valueBlocks
border-radiuspt, cmBlocks
border-radius-tlpt, cmBlocks
border-radius-trpt, cmBlocks
border-radius-blpt, cmBlocks
border-radius-brpt, cmBlocks

Appearance Properties

PropertyValid ValuesApplies To
background-colorColour valueBlocks
colorColour valuehr

Breaking Properties

PropertyValid ValuesApplies To
breakauto, neverBlocks
prevent-lasttrue, falseBlocks
orphan-lines-thresholdNumberBlocks

Colour Values

Anywhere a colour is expected, these formats are valid:

FormatExample
Hex short#09f
Hex full#0099ff
Hex with alpha#0099ff80
RGBrgb(0, 153, 255)
RGBArgba(0, 153, 255, 0.5)
HSLhsl(210, 100%, 50%)
Namedwhite, black, grey, red, etc.
Asset colourName from <assets><colors>