---
url: /docs/foundations/css-classes/divide-style.md
---
> Borders

# Divide Style

Utilities for controlling the border style between elements.

::: danger Unsupported
This functionality is not yet supported! If you need this, reach out to us on [#warp-design-system](https://sch-chat.slack.com/archives/C04P0GYTHPV).
:::

## Quick reference

| Class                       | Description                          |
|-----------------------------|--------------------------------------|
| ~~`divide-solid`~~ > \* + \*  | `border-style: solid` (Unsupported)  |
| ~~`divide-dashed`~~ > \* + \* | `border-style: dashed` (Unsupported) |
| ~~`divide-dotted`~~ > \* + \* | `border-style: dotted` (Unsupported) |
| ~~`divide-none`~~ > \* + \*   | `border-style: none` (Unsupported)   |

## Basic usage

### Set the divide style

Control the border style between elements using the `divide-{style}` utilities.

```html
<div class="divide-y divide-dashed ...">
  <!-- ... -->
</div>
```