divide-y-4

Tailwind CSS Divide Width Class - Medium divider line (4px width)

Style Preview

Visual Example

Item 1
Item 2
Item 3
Horizontal dividers between items

Style Information

Direction:Horizontal (between rows)
Width:4px
TailwindCSS Class:divide-y-4
CSS Property:border-top-width

Resulting CSS

.divide-y-4 > * + * {
  border-top-width: 4px;
}

Usage Examples

Basic Usage

First item
Second item
Third item
divide-y-4

With Colors

First item
Second item
Third item
divide-y-2 divide-blue-400 divide-y-4

All Divide Width Classes

X-0
divide-x-0
X-2
divide-x-2
X-4
divide-x-4
X-8
divide-x-8
X
divide-x
Y-0
divide-y-0
Y-2
divide-y-2
Y-4
divide-y-4
Y-8
divide-y-8
Y
divide-y
Y-Rev
divide-y-reverse
X-Rev
divide-x-reverse