mirror of
https://github.com/Textualize/textual.git
synced 2025-10-17 02:38:12 +03:00
28 lines
950 B
Markdown
28 lines
950 B
Markdown
# Grid properties
|
|
|
|
There are a number of properties relating to the Textual `grid` layout.
|
|
|
|
For an in-depth look at the grid layout, visit the grid [guide](../guide/layout.md#grid).
|
|
|
|
| Property | Description |
|
|
|----------------|------------------------------------------------|
|
|
| `grid-size` | Number of columns and rows in the grid layout. |
|
|
| `grid-rows` | Height of grid rows. |
|
|
| `grid-columns` | Width of grid columns. |
|
|
| `grid-gutter` | Spacing between grid cells. |
|
|
| `row-span` | Number of rows a cell spans. |
|
|
| `column-span` | Number of columns a cell spans. |
|
|
|
|
## Syntax
|
|
|
|
```sass
|
|
grid-size: <INTEGER> [<INTEGER>]; /* columns first, then rows */
|
|
grid-rows: <SCALAR> ...;
|
|
grid-columns: <SCALAR> ...;
|
|
grid-gutter: <SCALAR>;
|
|
row-span: <INTEGER>;
|
|
column-span: <INTEGER>;
|
|
```
|
|
|
|
## Example
|