mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
1.2 KiB
1.2 KiB
Text-style
The text-style rule enables a number of different ways of displaying text.
Text styles may be set in combination.
For example bold underline or reverse underline strike.
Syntax
text-style: <TEXT STYLE> ...;
Values
| Value | Description |
|---|---|
bold |
bold text |
italic |
italic text |
reverse |
reverse video text (foreground and background colors reversed) |
underline |
underline text |
strike |
Example
Each of the three text panels has a different text style.
=== "text_style.py"
```python
--8<-- "docs/examples/styles/text_style.py"
```
=== "text_style.css"
```css
--8<-- "docs/examples/styles/text_style.css"
```
=== "Output"
```{.textual path="docs/examples/styles/text_style.py"}
```
CSS
text-style: italic;
Python
widget.styles.text_style = "italic"