textual/docs/styles/offset.md

Offset

The offset rule adds an offset to the widget's position.

Example

=== "offset.py"

```python
--8<-- "docs/examples/styles/offset.py"
```

=== "Output"

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

CSS

/* Move the widget 2 cells in the x direction, and 4 in the y direction. */
offset: 2 4;

Python

# Move the widget 2 cells in the x direction, and 4 in the y direction.
widget.styles.offset = (2, 4)