mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
Merge pull request #2142 from Textualize/update-border-docs
Update docs with new border type.
This commit is contained in:
@@ -8,21 +8,22 @@ The [`<border>`](/css_types/border) type can take any of the following values:
|
||||
|
||||
| Border type | Description |
|
||||
|-------------|----------------------------------------------------------|
|
||||
| `ascii` | A border with plus, hyphen, and vertical bar characters. |
|
||||
| `blank` | A blank border (reserves space for a border). |
|
||||
| `dashed` | Dashed line border. |
|
||||
| `double` | Double lined border. |
|
||||
| `heavy` | Heavy border. |
|
||||
| `hidden` | Alias for "none". |
|
||||
| `hkey` | Horizontal key-line border. |
|
||||
| `inner` | Thick solid border. |
|
||||
| `none` | Disabled border. |
|
||||
| `outer` | Solid border with additional space around content. |
|
||||
| `round` | Rounded corners. |
|
||||
| `solid` | Solid border. |
|
||||
| `tall` | Solid border with additional space top and bottom. |
|
||||
| `vkey` | Vertical key-line border. |
|
||||
| `wide` | Solid border with additional space left and right. |
|
||||
| `ascii` | A border with plus, hyphen, and vertical bar characters. |
|
||||
| `blank` | A blank border (reserves space for a border). |
|
||||
| `dashed` | Dashed line border. |
|
||||
| `double` | Double lined border. |
|
||||
| `heavy` | Heavy border. |
|
||||
| `hidden` | Alias for "none". |
|
||||
| `hkey` | Horizontal key-line border. |
|
||||
| `inner` | Thick solid border. |
|
||||
| `none` | Disabled border. |
|
||||
| `outer` | Solid border with additional space around content. |
|
||||
| `round` | Rounded corners. |
|
||||
| `solid` | Solid border. |
|
||||
| `tall` | Solid border with additional space top and bottom. |
|
||||
| `thick` | Border style that is consistently thick across edges. |
|
||||
| `vkey` | Vertical key-line border. |
|
||||
| `wide` | Solid border with additional space left and right. |
|
||||
|
||||
## Border command
|
||||
|
||||
|
||||
@@ -30,10 +30,6 @@
|
||||
border: inner $accent;
|
||||
}
|
||||
|
||||
#none {
|
||||
border: none $accent;
|
||||
}
|
||||
|
||||
#outer {
|
||||
border: outer $accent;
|
||||
}
|
||||
@@ -50,6 +46,10 @@
|
||||
border: tall $accent;
|
||||
}
|
||||
|
||||
#thick {
|
||||
border: thick $accent;
|
||||
}
|
||||
|
||||
#vkey {
|
||||
border: vkey $accent;
|
||||
}
|
||||
|
||||
@@ -14,13 +14,14 @@ class AllBordersApp(App):
|
||||
Label("hidden/none", id="hidden"),
|
||||
Label("hkey", id="hkey"),
|
||||
Label("inner", id="inner"),
|
||||
Label("none", id="none"),
|
||||
Label("outer", id="outer"),
|
||||
Label("round", id="round"),
|
||||
Label("solid", id="solid"),
|
||||
Label("tall", id="tall"),
|
||||
Label("thick", id="thick"),
|
||||
Label("vkey", id="vkey"),
|
||||
Label("wide", id="wide"),
|
||||
)
|
||||
|
||||
|
||||
app = AllBordersApp(css_path="border_all.css")
|
||||
|
||||
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user