← Tailwind CSS classes list

Tailwind CSS class: .bg-no-repeat

<div class="bg-no-repeat bg-gray-400 m-2 h-48 w-64" style="background-image: url('https://tailwind.build/placeholders/pictures/office.jpg'); background-size: 12rem 8rem"></div>

Preview

Check .bg-no-repeat 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

.bg-no-repeat {
  background-repeat: no-repeat;
}

More in Tailwind CSS Background