<div class="border-dashed border-4 border-teal-600 bg-teal-400 p-8 inline-block"></div>
We're live on Product Hunt with Material-UI Builder (read more). All Tailwind Builder users can use it for FREE ❤️
← Tailwind CSS classes list
Tailwind CSS class: .border-dashed
Preview
CSS source
.border-dashed {
border-style: dashed;
}More in Tailwind CSS Borders
- .border-solid
- .border-dotted
- .border-double
- .border-none
- .border
- .border-0
- .border-2
- .border-4
- .border-8
- .border-*-# / .border-t-2
- .border-opacity-25 / border-*-#
- .divide-x
- .divide-x-0
- .divide-x-2
- .divide-x-4
- .divide-x-8
- .divide-y
- .divide-y-0
- .divide-y-2
- .divide-y-4
- .divide-y-8
- .divide-gray-100 / .divide-*-#
- .divide-x-reverse / .divide-*-reverse
- .divide-opacity-25 / .divide-opacity-*
- .border-collapse
- .border-separate
- .rounded / .rounded-*
Create Tailwind templates in minutes ⚡