mirror of https://github.com/Textualize/textual.git synced 2025-10-17 02:38:12 +03:00

Files

Rodrigo Girão Serrão f9922ebe29 Improve subsection titles.

Related issues: #2108
Related PRs: #2110, #2064

2023-03-22 23:00:13 +00:00

1.3 KiB

Raw Blame History

Border-title-align

The border-title-align rule sets the horizontal alignment for the border title.

Syntax

--8<-- "docs/snippets/syntax_block_start.md" border-title-align: <horizontal>; --8<-- "docs/snippets/syntax_block_end.md"

The style border-title-align takes a <horizontal> that determines where the border title is aligned along the top edge of the border. This means that the border corners are always visible.

Default

The default alignment is left.

Examples

Basic usage

This example shows three labels, each with a different border title alignment:

=== "Output"

```{.textual path="docs/examples/styles/border_title_align.py"}
```

=== "border_title_align.py"

```py
--8<-- "docs/examples/styles/border_title_align.py"
```

=== "border_title_align.css"

```sass
--8<-- "docs/examples/styles/border_title_align.css"
```

Complete usage reference

--8<-- "docs/snippets/border_sub_title_align_all_example.md"

CSS

border-title-align: left;
border-title-align: center;
border-title-align: right;

Python

widget.styles.border_title_align = "left"
widget.styles.border_title_align = "center"
widget.styles.border_title_align = "right"

1.3 KiB Raw Blame History