Check out our free templates made with AI and polished to perfection in Windframe

Get now

rounded-ee-md: Tailwind CSS Border Radius class

The rounded-ee-md class in Tailwind CSS applies a medium (md) border-radius to the end-end corner of an element — which is the bottom-end corner in left-to-right (LTR) layouts.


rounded-ee-md

The rounded-ee-md class in Tailwind CSS applies a medium (md) border-radius to the end-end corner of an element — which is the bottom-end corner in left-to-right (LTR) layouts. In right-to-left (RTL) layouts, it becomes the bottom-start corner. This is part of Tailwind’s logical (direction-aware) corner utilities, helping you build flexible, internationalized UI.

Syntax

html
<div class="rounded-ee-md">...</div>

Example Code

html
<div class="bg-green-500 text-white p-4 font-semibold rounded-ee-md">
This box has a medium-radius on the bottom-end corner.
</div>

Preview

This box has a medium-radius on the bottom-end corner.

Use rounded-ee-md when you want a medium border radius on the bottom-end corner of an element, while keeping your layout direction-aware for both LTR and RTL environments.

Windframe is a drag and drop builder for rapidly building tailwind css websites and UIs

Start building stunning tailwind UIs! 

Build from scratch or select prebuilt tailwind templates