rounded-tr-xl

The rounded-tr-xl class belongs to the border radius group within the borders category.

Example Usage

Here is an example of how to use rounded-tr-xl:

<div class='h-12 w-12 bg-gray-100 border-2 border-solid border-white rounded-tr-xl'></div>

Resulting CSS

border-top-right-radius: 0.75rem;

Other Border radius Classes

roundedrounded-2xlrounded-3xlrounded-fullrounded-lgrounded-mdrounded-nonerounded-smrounded-xlrounded-brounded-b-2xlrounded-b-3xlrounded-b-fullrounded-b-lgrounded-b-mdrounded-b-none
View other Borders classesView all Border radius classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!