border-start-start-radius#

#Introduction

The border-start-start-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-left-radius property. In a horizontal-tb writing mode with RTL direction, it corresponds to the border-top-right-radius property.

#Examples

<Go/>

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

Code

Preview

#Syntax

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

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

#Values

• <length>

• <percentage>

#Formal definition

#Formal syntax

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

#Extensions

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

#Compatibility