Divide Style

v1.7.0+

Utilities for controlling the border style between elements.

Control the border style between elements using the utilities.

To control the border style between elements at a specific breakpoint, add a {screen}: prefix to any existing divide style utility. For example, use md:divide-dashed to apply the utility at only medium screen sizes and above.

For more information about Tailwind’s responsive design features, check out the Responsive Design documentation.

By default, only responsive variants are generated for divide style utilities.

For example, this config will also generate hover and focus variants:

Disabling

If you don’t plan to use the divide style utilities in your project, you can disable them entirely by setting the divideStyle property to false in the section of your config file:

← Divide Opacity