CSS3 border-top-right-radiusPropriété


Exemple

Ajouter une bordure arrondie au coin supérieur droit d'un élément div :

div
{
border:2px solid;
border-top-right-radius:2em;
}

Essayez-le vous-même »

Prise en charge des navigateurs

Les nombres dans le tableau indiquent le premier numéro de version du navigateur qui prend en charge la propriété.

Le nombre qui précède -webkit-, -ms- ou -moz- est le premier numéro de version du navigateur qui prend en charge la propriété préfixée.

Propriété
border-radius 9.0 5.0
4.0 -webkit-		 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5

Définition de la propriété et notes d'utilisation

La propriété border-top-right-radius définit la forme de la bordure du coin supérieur droit.

Astuce :Cette propriété vous permet d'ajouter des bordures arrondies aux éléments !

Valeur par défaut : 0
Héritée : non
version : CSS3
Syntaxe JavaScript : objet object.style.borderTopRightRadius="5px"

Syntaxe

border-top-right-radius: longueur|% [longueur|%];

Remarque :Les deux valeurs de longueur ou de pourcentage de la propriété border-top-right--radius définissent la forme du coin au bord extérieur de la bordure comme un quart d'ellipse. La première valeur est le rayon horizontal, et la seconde est le rayon vertical. Si la seconde valeur est omise, elle est copiée de la première. Si l'une des longueurs est nulle, le coin est carré, non arrondi. Les pourcentages pour le rayon horizontal se réfèrent à la largeur de la boîte de bordure, tandis que les pourcentages pour le rayon vertical se réfèrent à la hauteur de la boîte de bordure.

Valeur Description
longueur Définit la forme du coin supérieur droit.
% Définit la forme du coin supérieur droit en utilisant %.

Articles connexes

Tutoriel CSS3 :Bordures CSS3

autres extensions