Border Style

Control the style of borders using Tailwind CSS utility classes. You can set borders to be solid, dashed, dotted, double, hidden, or none.

Usage Examples

Solid

Border Style Classes

Border style utilities control the visual appearance of borders. Each style creates a different visual effect that can be used to enhance the design of your elements.

Common Styles

border-solid - Default solid line
border-dashed - Dashed line pattern
border-dotted - Dotted line pattern

Special Styles

border-double - Double line effect
border-hidden - Hidden but takes space
border-none - No border, no space

All Border Styles

Quick Examples

Dashed Border

border-2 border-dashed border-blue-400

Double Border

border-4 border-double border-green-400

CSS Properties

border-style: solid;

border-solid

border-style: dashed;

border-dashed

border-style: dotted;

border-dotted

border-style: double;

border-double