# Styles

A reference to all Textual widget [styles](../guide/styles.md).

## Subsections

- [Grid](grid/index.md) - Grid layout properties
- [Links](links/index.md) - Link styling properties
- [Scrollbar Colors](scrollbar_colors/index.md) - Scrollbar color properties

## Contents

| Page                                                        | Description                                                     |
|-------------------------------------------------------------|-----------------------------------------------------------------|
| [Align](align.md)                                           | Defines how a widget's children are aligned.                    |
| [Background](background.md)                                 | Sets the background color of a widget.                          |
| [Background-tint](background_tint.md)                       | Modifies the background color by tinting it with a new color.   |
| [Border](border.md)                                         | Enables the drawing of a box around a widget.                   |
| [Border-subtitle-align](border_subtitle_align.md)           | Sets the horizontal alignment for the border subtitle.          |
| [Border-subtitle-background](border_subtitle_background.md) | Sets the background color of the border subtitle.               |
| [Border-subtitle-color](border_subtitle_color.md)           | Sets the color of the border subtitle.                          |
| [Border-subtitle-style](border_subtitle_style.md)           | Sets the text style of the border subtitle.                     |
| [Border-title-align](border_title_align.md)                 | Sets the horizontal alignment for the border title.             |
| [Border-title-background](border_title_background.md)       | Sets the background color of the border title.                  |
| [Border-title-color](border_title_color.md)                 | Sets the color of the border title.                             |
| [Border-title-style](border_title_style.md)                 | Sets the text style of the border title.                        |
| [Box-sizing](box_sizing.md)                                 | Determines how the width and height of a widget are calculated. |
| [Color](color.md)                                           | Sets the text color of a widget.                                |
| [Content-align](content_align.md)                           | Aligns content inside a widget.                                 |
| [Display](display.md)                                       | Defines whether a widget is displayed or not.                   |
| [Dock](dock.md)                                             | Fixes a widget to the edge of a container.                      |
| [Hatch](hatch.md)                                           | Fills a widget's background with a repeating character pattern. |
| [Height](height.md)                                         | Sets a widget's height.                                         |
| [Keyline](keyline.md)                                       | Draws lines around child widgets in a container.                |
| [Layer](layer.md)                                           | Defines the layer a widget belongs to.                          |
| [Layers](layers.md)                                         | Defines an ordered set of layers.                               |
| [Layout](layout.md)                                         | Defines how a widget arranges its children.                     |
| [Margin](margin.md)                                         | Specifies spacing around a widget.                              |
| [Max-height](max_height.md)                                 | Sets a maximum height for a widget.                             |
| [Max-width](max_width.md)                                   | Sets a maximum width for a widget.                              |
| [Min-height](min_height.md)                                 | Sets a minimum height for a widget.                             |
| [Min-width](min_width.md)                                   | Sets a minimum width for a widget.                              |
| [Offset](offset.md)                                         | Defines an offset for the position of a widget.                 |
| [Opacity](opacity.md)                                       | Sets the opacity of a widget.                                   |
| [Outline](outline.md)                                       | Draws a box around the content area of a widget.                |
| [Overflow](overflow.md)                                     | Specifies if and when scrollbars should be displayed.           |
| [Padding](padding.md)                                       | Specifies spacing around the content of a widget.               |
| [Pointer](pointer.md)                                       | Sets the shape of the mouse pointer when over a widget.         |
| [Position](position.md)                                     | Modifies what offset is applied to.                             |
| [Scrollbar-gutter](scrollbar_gutter.md)                     | Reserves space for a vertical scrollbar.                        |
| [Scrollbar-size](scrollbar_size.md)                         | Defines the width of scrollbars.                                |
| [Scrollbar-visibility](scrollbar_visibility.md)             | Shows or hides scrollbars.                                      |
| [Text-align](text_align.md)                                 | Sets the text alignment in a widget.                            |
| [Text-opacity](text_opacity.md)                             | Blends the foreground color with the background color.          |
| [Text-overflow](text_overflow.md)                           | Defines what happens when text overflows.                       |
| [Text-style](text_style.md)                                 | Sets the style for the text in a widget.                        |
| [Text-wrap](text_wrap.md)                                   | Sets how Textual should wrap text.                              |
| [Tint](tint.md)                                             | Blends a color with the whole widget.                           |
| [Visibility](visibility.md)                                 | Determines whether a widget is visible or not.                  |
| [Width](width.md)                                           | Sets a widget's width.                                          |
