border-end-end-radius
The logical way to round the 'bottom-right' corner (in standard English text). It automatically moves to the bottom-left if you switch to a right-to-left language, keeping your layout consistent.
Usage example
.modern-card {
/* Rounds the logical bottom-right corner */
border-end-end-radius: 24px;
background: white;
border: 1px solid #eee;
}Initial value
0
Inherited
No
Applies to
allElementsUAsNotRequiredWhenCollapse
Animation type
lpc
Values
border-top-left-radius border-end-end-radius Browser Support
Widely available Since 2021 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2021.
Safe to use without fallbacks.
89+
66+
15+
89+