Border Style

Utilities for controlling the style of an element’s borders.

Use to control an element’s border style.

Use border-none to remove an existing border style from an element.

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

Tailwind lets you conditionally apply utility classes in different states using variant modifiers. For example, use to only apply the border-dotted utility on hover.

For a complete list of all available state modifiers, check out the Hover, Focus, & Other States documentation.

To learn more, check out the documentation on Responsive Design, and other media query modifiers.