Skip to main content

Text Property Tags

Override font size, color, alignment, and vertical position within any text element (p, th, td, h1h5).

Font size

Override the font size for a span, specified in points.

{ "p": "Normal text [fontsize, 18]large text[/fontsize] normal again." }

Short form: [size, 18]...[/size]

Example: fine print disclaimer

{ "p": "I agree to the [fontsize, 7]terms and conditions as outlined in section 4.2 of the master agreement[/fontsize]." }

Font color

Change the text color using a hex code or named color.

{ "p": "Status: [fontcolor, #27AE60]Active[/fontcolor]" }

Short form: [color, #27AE60]...[/color]

Supported color formats

FormatExample
Hex (6 digit, with #)#FF5733
Hex (6 digit, no #)FF5733
CSS3 named colorsred, cornflowerblue, rebeccapurple, darkslategray, tomato, …

The CSS3 named-color set (147 entries) is fully supported — anything from the W3C named-color reference including British spellings (grey, darkgrey, lightgrey, dimgrey, darkslategrey, slategrey, lightslategrey). Names are case-insensitive.

Example: status indicators

{ "p": "Build: [fontcolor, #27AE60]PASSING[/fontcolor] · Coverage: [fontcolor, #F39C12]87%[/fontcolor] · Issues: [fontcolor, #E74C3C]3 open[/fontcolor]" }

Text alignment

Override paragraph alignment for a span.

ValueAlignment
lLeft
rRight
cCenter
jJustified
{ "p": "[align, c]This paragraph is centered.[/align]" }
{ "p": "[align, r]Right-aligned signature line[/align]" }

Superscript

Raise text above the baseline — useful for exponents, ordinals, and footnote references.

{ "p": "Area: 100m[sup]2[/sup]" }

Long form: [superscript]...[/superscript]

Optional rise value in points: [sup, 8]...[/sup]

Example: chemical formulas and footnotes

{ "p": "Revenue increased by 23%[sup]1[/sup] compared to Q3[sup]2[/sup]." }

Subscript

Lower text below the baseline — useful for chemical formulas and indices.

{ "p": "Water: H[sub]2[/sub]O · Carbon dioxide: CO[sub]2[/sub]" }

Long form: [subscript]...[/subscript]

Optional drop value in points: [sub, 8]...[/sub]

Letter spacing

Tighten or widen the spacing between characters, in points. Negative values condense, positive values track out — useful for caps-on-display headlines, eyebrow text, and brand wordmarks.

{ "p": "[ls, 1.5]E X E C U T I V E S U M M A R Y[/ls]" }

Short form: [ls, 1.5]...[/ls] · Long form: [letterspacing, 1.5]...[/letterspacing]

Accepts the same point input as fontsize — bare number (1.5) or with pt suffix (1.5pt).

Example: tracked-out section heading

{ "p": "[b][fontsize, 9][fontcolor, #888888][ls, 2]CONFIDENTIAL DRAFT[/ls][/fontcolor][/fontsize][/b]" }

Highlight

Apply a colored background to a span of text — like a marker on print, or the <mark> element in HTML.

{ "p": "Read the [hl, yellow]highlighted clause[/hl] carefully." }

Short form: [hl, color]...[/hl] · Long form: [highlight, color]...[/highlight]

Accepts any color the engine recognizes — hex (#FFEB3B) or any CSS3 named color (yellow, lightcyan, palegoldenrod, …).

HTML alias: [mark]

[mark]...[/mark] is the HTML-semantic shorthand for a default-yellow highlight — equivalent to [hl, #FFFF00]...[/hl] but with no color argument. It composes with explicit highlights cleanly: an outer [hl, color] already set wins (the alias only fills in a color if one wasn't already supplied).

{ "p": "Confirm the [mark]closing date[/mark] before signing." }

Example: review markers

{ "p": "Status: [hl, #FFEB3B]NEEDS REVIEW[/hl] · Owner: [hl, #C8E6C9]Alice[/hl]" }

Combining with typography

Text property tags nest with typography tags:

{ "p": "[b][fontcolor, #CC0000]CRITICAL[/fontcolor][/b]: Server [fontsize, 8]$data.server.id[/fontsize] is [i]unreachable[/i]." }
{ "p": "Price: [b][fontsize, 20]$data.price[/fontsize][/b] [fontcolor, #999999][fontsize, 9]per unit[/fontsize][/fontcolor]" }