border-x-rose-600

The border-x-rose-600 class belongs to the border width group within the borders category.

Example Usage

Here is an example of how to use border-x-rose-600:

<div class='h-12 w-12 bg-gray-100 border-x-rose-600 border-solid border-white  '></div>

Resulting CSS

--tw-border-opacity: 1;
border-left-color: rgb(225 29 72 / var(--tw-border-opacity));
border-right-color: rgb(225 29 72 / var(--tw-border-opacity));

Other Border width Classes

borderborder-0border-2border-4border-8border-xborder-x-0border-x-2border-x-4border-x-8border-yborder-y-0border-y-2border-y-4border-y-8border-b
View other Borders classesView all Border width 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!