border-solid

Tailwind CSS Border Style Class - Creates a solid, continuous line border

Style Preview

Visual Example

border-solid
Applied to this element

Style Information

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

Resulting CSS

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

Usage Examples

Basic Usage

2px
border-2 border-solid
4px
border-4 border-solid

With Colors

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

All Border Styles

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