mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
22 lines
733 B
Markdown
22 lines
733 B
Markdown
The next example makes the difference between [`border`](/styles/border) and [`outline`](/styles/outline) clearer by having three labels side-by-side.
|
|
They contain the same text, have the same width and height, and are styled exactly the same up to their [`border`](/styles/border) and [`outline`](/styles/outline) styles.
|
|
|
|
This example also shows that a widget cannot contain both a `border` and an `outline`:
|
|
|
|
=== "Output"
|
|
|
|
```{.textual path="docs/examples/styles/outline_vs_border.py"}
|
|
```
|
|
|
|
=== "outline_vs_border.py"
|
|
|
|
```python
|
|
--8<-- "docs/examples/styles/outline_vs_border.py"
|
|
```
|
|
|
|
=== "outline_vs_border.css"
|
|
|
|
```sass hl_lines="5-7 9-11"
|
|
--8<-- "docs/examples/styles/outline_vs_border.css"
|
|
```
|