border-style

Utilities for controlling the style of an element

Examples

Basic example

Use utilities like border-solid and border-dotted to control an element's border style:

Removing a border

Use the border-none utility to remove an existing border from an element:

This is most commonly used to remove a border style that was applied at a smaller breakpoint.

Setting the divider style

Use utilities like divide-dashed and divide-dotted to control the border style between child elements:

Responsive design