border-dashed

Tailwind CSS Border Style Class - Creates a dashed line border with gaps

Style Preview

Visual Example

border-dashed
Applied to this element

Style Information

Style Type:dashed
TailwindCSS Class: border-dashed
CSS Property: border-style: dashed;

Resulting CSS

.border-dashed {
  border-style: dashed;
}

Usage Examples

Basic Usage

2px
border-2 border-dashed
4px
border-4 border-dashed

With Colors

Blue
border-2 border-blue-500 border-dashed
Red
border-4 border-red-500 border-dashed

All Border Styles

solid
border-solid
dashed
border-dashed
dotted
border-dotted
double
border-double
hidden
border-hidden
none
border-none