border-double

Tailwind CSS Border Style Class - Creates a double line border effect

Style Preview

Visual Example

border-double
Applied to this element

Style Information

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

Resulting CSS

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

Usage Examples

Basic Usage

2px
border-2 border-double
4px
border-4 border-double

With Colors

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

All Border Styles

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