mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
21
docs/snippets/border_vs_outline_example.md
Normal file
21
docs/snippets/border_vs_outline_example.md
Normal file
@@ -0,0 +1,21 @@
|
||||
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"
|
||||
```
|
||||
Reference in New Issue
Block a user