border-none

Tailwind CSS Border Style Class - Removes the border completely

Style Preview

Visual Example

border-none
Applied to this element

Style Information

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

Resulting CSS

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

Usage Examples

Basic Usage

2px
border-2 border-none
4px
border-4 border-none

With Colors

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

All Border Styles

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