Skip to content

Inline Attributes

All attributes available on inline and text elements (span, b, i, p, h1-h6, etc.). These attributes are inherited by child elements unless overridden.

Font

AttributeTypeDefaultDescription
fontfont nameInterFont family (Google Font name or registered asset font)
font-familyfont name--Alias for font
font-sizept, fit12ptFont size, or fit to auto-scale to fill container
font-size-minpt--Minimum font size when using font-size="fit"
font-size-maxpt--Maximum font size when using font-size="fit"
font-stylenormal, bold, italicnormalFont style
font-weight100-900, named weight--Font weight (overrides font-style for variant selection)
font-colorcolourblackText colour

Text Layout

AttributeTypeDefaultDescription
text-alignleft, right, center, justifyleftHorizontal text alignment
line-heightnumber or pt1.2Line height (number = multiplier, pt = absolute)

Text Effects

AttributeTypeDefaultDescription
text-decorationnone, underline, strikethroughnoneText decoration
text-shadowpt--Shadow offset distance
text-shadow-colorcolour--Shadow colour
text-transformuppercase, lowercase, capitalize, upper, lower, title--Text case transformation (inherited by child elements)
caseAlias for text-transform--Text case transformation (inherited by child elements)

Text Behaviour

AttributeTypeDefaultDescription
preserve-whitespacetrue, falsefalsePreserve whitespace and line breaks
wrapnormal, nonenormalText wrapping behaviour
overflowellipsis--Overflow handling (ellipsis truncates with ...)

Conditional and Style

AttributeTypeDefaultDescription
show-ifdata path--Render only when condition is truthy
targetstring--Link to element with matching id (internal link)
style@alias-name--Apply a style alias