border-start-end-radius#

#Introduction

The border-start-end-radius CSS property defines a logical border radius on an element, which notes the size of the circle radius or the semi-major and semi-minor axes of the ellipse.

In a horizontal-tb writing mode with LTR direction, it corresponds to the border-top-right-radius property. In a horizontal-tb writing mode with RTL direction, it corresponds to the border-top-left-radius property.

#Examples

css-apisrc/border-start-end-radius/App.tsx

Preview

#Syntax

/* the corner is a circle */
/* border-end-end-radius: radius */
border-start-end-radius: 3px;

/* the corner is an ellipsis */
/* border-end-end-radius: horizontal vertical */
border-start-end-radius: 0.5em 1em;

#Values

• <length>

• <percentage>

#Formal definition

#Formal syntax

[<length> | <percentage>] [ / [<length> | <percentage>]]?

#Extensions

• direction
• mdn:border-start-end-radius

#Compatibility

LCD tables only load in the browser