mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
1.3 KiB
1.3 KiB
Text-style
The text-style rule enables a number of different ways of displaying text. The value may be set to any of the following:
| Style | Effect |
|---|---|
"bold" |
bold text |
"italic" |
italic text |
"reverse" |
reverse video text (foreground and background colors reversed) |
"underline" |
underline text |
"strike" |
Text styles may be set in combination. For example "bold underline" or "reverse underline strike".
Syntax
text-style: <TEXT STYLE> ...
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"