Divide utilities add borders between elements in a stack. They are equivalent to applying a border to all but the first element.

Control the width of borders between elements:

• Horizontal (x-axis): divide-x-0, divide-x-2, divide-x-4, divide-x-8, divide-x (1px)
• Vertical (y-axis): divide-y-0, divide-y-2, divide-y-4, divide-y-8, divide-y (1px)
• Reverse order: divide-x-reverse, divide-y-reverse

Control the color of dividers between elements:

• Any Tailwind color: divide-blue-500, divide-gray-300
• Opacity: divide-blue-500/50

Control the style of dividers between elements:

• divide-solid (default)
• divide-dashed
• divide-dotted
• divide-double
• divide-none