mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
196d430582
Textual CSS is better highlighted in SASS code blocks because the SASS parser seems to be more lenient.
1.1 KiB
1.1 KiB
Text-align
The text-align rule sets the text alignment in a widget.
Syntax
--8<-- "docs/snippets/syntax_block_start.md" text-align: <text-align>; --8<-- "docs/snippets/syntax_block_end.md"
The text-align rule accepts a value of the type <text-align> that defines how text is aligned inside the widget.
Defaults
The default value is start.
Example
This example shows, from top to bottom: left, center, right, and justify text alignments.
=== "Output"
```{.textual path="docs/examples/styles/text_align.py"}
```
=== "text_align.py"
```python
--8<-- "docs/examples/styles/text_align.py"
```
=== "text_align.css"
```sass hl_lines="2 7 12 17"
--8<-- "docs/examples/styles/text_align.css"
```
CSS
/* Set text in the widget to be right aligned */
text-align: right;
Python
# Set text in the widget to be right aligned
widget.styles.text_align = "right"