alihan/textual
1
0
Fork 0
mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00
Code Issues Packages Projects Releases Wiki Activity
Files
88077875716593a04d42f5ed507e96641221c029
textual/docs/styles/css_units/text_style.md
Rodrigo Girão Serrão 8807787571 Add CSS unit reference for text style.
2022-12-20 14:48:06 +00:00

1.3 KiB
Raw Blame History

Text style

The text style unit is a combination of any of the legal text style values in a space-separated list.

!!! warning

Not to be confused with the [`text-style`](../text_style.md) CSS rule that sets the style of text in a widget.

Syntax

--8<-- "docs/styles/snippets/text_style_syntax.md"

Examples

!!! note

The `text-style` CSS rule and the text style unit are closely related but they are not the same thing.
Here, we show examples of the text style unit, which are relevant for [all CSS rules](#used-by) that use the text style unit.

Widget {
    text-style: bold;
    text-style: italic;
    text-style: reverse;
    text-style: underline;
    text-style: strike;

    /* When the unit expected is a style, you can specify multiple values */
    text-style: strike bold italic reverse;
    text-style: bold underline italic;
}

widget.styles.text_style = "bold"
widget.styles.text_style = "italic"
widget.styles.text_style = "reverse"
widget.styles.text_style = "underline"
widget.styles.text_style = "strike"

# Multiple values can be specified
widget.styles.text_style = "strike bold italic reverse"
widget.styles.text_style = "bold underline italic"

Used by