← Tailwind CSS classes list

Tailwind CSS class: .border-dashed

<div class="border-dashed border-4 border-teal-600 bg-teal-400 p-8 inline-block"></div>

Preview

Check .border-dashed in a real project

Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.

Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →
Open in Visual Editor →

CSS source

.border-dashed {
    border-style: dashed;
}

More in Tailwind CSS Borders