---
url: /api/css/position.md
---
# CSS: position

`.--position-relative` — `position` as a composable, global class — `.--position-<value>` — usable bare or chained onto any component (`.instui-button.--position-relative`).

**Source:** [index.ts](https://github.com/thedannywahl/pantoken/blob/main/formats/components/src/utilities/position/index.ts)

## Usage

```css
@import "@pantoken/components/utilities.css";
```

## Examples

```html
<div class="--position-relative">…</div>
```

## Modifiers

| Modifier | Description |
| --- | --- |
| `.--position-absolute` | position: absolute. |
| `.--position-fixed` | position: fixed. |
| `.--position-relative` | position: relative. |
| `.--position-static` | position: static. |
| `.--position-sticky` | position: sticky. |