border-top-right-radius
La propriété border-top-right-radius définit le rayon de courbure de la bordure pour le coin en haut à droite de la boîte. L'arrondi peut être un arc de cercle ou d'ellipse.Cette propriété est une propriété détaillée de la propriété border-radius. Les valeurs acceptées peuvent être exprimées avec des longueurs ou bien avec des pourcentages.
Pour un arc de cercle, on utilisera une seule valeur équivalente au rayon du cercle donnant la courbure. Pour un arc d'ellipse on utilisera deux valeurs. La première représente le rayon d'un cercle dans le sens horizontal, le deuxième représente le rayon d'un cercle dans le sens vertical.
<style>
.ex {
width: 225px;
height: 150px;
background-color: orchid;
}
</style>
- Une valeur La courbure est circulaire
border-top-right-radius: 50px;
- Deux valeurs La courbure est elliptique
border-top-right-radius: 20px 30%;