border-opacity-40

The border-opacity-40 class belongs to the border color group within the borders category.

Example Usage

Here is an example of how to use border-opacity-40:

<div class='h-12 w-12 bg-gray-100 border-2 border-solid border-opacity-40  '></div>

Resulting CSS

--tw-border-opacity: 0.4;

Other Border color Classes

border-e border-amber-100 border-amber-200 border-amber-300 border-amber-400 border-amber-50 border-amber-500 border-amber-600 border-amber-700 border-amber-800 border-amber-900 border-amber-950 border-black border-blue-100 border-blue-200 border-blue-300

View other Borders classes View all Border color 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!