divide-y

Tailwind CSS Divide Width Class - Default divider line (1px width)

Style Preview

Visual Example

Item 1
Item 2
Item 3
Horizontal dividers between items

Style Information

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

Resulting CSS

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

Usage Examples

Basic Usage

First item
Second item
Third item
divide-y

With Colors

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

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