Appearance
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
| Property | Valid Values | Applies To |
|---|---|---|
width | pt, cm, %, fill, auto | Blocks |
height | pt, cm, %, fill, auto | Blocks |
min-width | pt, cm, % | Blocks |
max-width | pt, cm, % | Blocks |
min-height | pt, cm, % | Blocks |
max-height | pt, cm, % | Blocks |
direction | column, col, row | Frames |
h-align | left, center, right | Blocks |
v-align | top, center, bottom | Blocks |
Typography Properties
| Property | Valid Values | Applies To |
|---|---|---|
font | Font name | All |
font-size | pt | All |
font-style | normal, bold, italic | All |
font-color | Colour value | All |
text-align | left, right, center, justified | All |
line-height | Number or pt | All |
text-decoration | none, underline, strikethrough | Inlines |
text-shadow | pt | All |
text-shadow-color | Colour value | All |
preserve-whitespace | true, false | All |
wrap | normal, none | All |
overflow | visible, ellipsis | All |
Spacing Properties
| Property | Valid Values | Applies To |
|---|---|---|
padding | pt, cm | Blocks |
padding-top | pt, cm | Blocks |
padding-bottom | pt, cm | Blocks |
padding-left | pt, cm | Blocks |
padding-right | pt, cm | Blocks |
space-before-desired | pt, cm | Blocks |
space-after-desired | pt, cm | Blocks |
Border Properties
| Property | Valid Values | Applies To |
|---|---|---|
border-weight | pt | Blocks |
border-weight-top | pt | Blocks |
border-weight-bottom | pt | Blocks |
border-weight-left | pt | Blocks |
border-weight-right | pt | Blocks |
border-color | Colour value | Blocks |
border-color-top | Colour value | Blocks |
border-color-bottom | Colour value | Blocks |
border-color-left | Colour value | Blocks |
border-color-right | Colour value | Blocks |
border-radius | pt, cm | Blocks |
border-radius-tl | pt, cm | Blocks |
border-radius-tr | pt, cm | Blocks |
border-radius-bl | pt, cm | Blocks |
border-radius-br | pt, cm | Blocks |
Appearance Properties
| Property | Valid Values | Applies To |
|---|---|---|
background-color | Colour value | Blocks |
color | Colour value | hr |
Breaking Properties
| Property | Valid Values | Applies To |
|---|---|---|
break | auto, never | Blocks |
prevent-last | true, false | Blocks |
orphan-lines-threshold | Number | Blocks |
Colour Values
Anywhere a colour is expected, these formats are valid:
| Format | Example |
|---|---|
| Hex short | #09f |
| Hex full | #0099ff |
| Hex with alpha | #0099ff80 |
| RGB | rgb(0, 153, 255) |
| RGBA | rgba(0, 153, 255, 0.5) |
| HSL | hsl(210, 100%, 50%) |
| Named | white, black, grey, red, etc. |
| Asset colour | Name from <assets><colors> |