CSS3 border-top-left-radiusPropriété


Exemple

Ajoutez une bordure arrondie au coin supérieur gauche de l'élément div :

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

Essayez-le vous-même »

Prise en charge des navigateurs

Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.

Le nombre immédiatement avant -webkit-, -ms- ou -moz- est la première version du navigateur à prendre 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-left-radius définit la forme du coin supérieur gauche de la bordure.

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.borderTopLeftRadius="5px"

Syntaxe

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

Remarque :Les deux valeurs de longueur ou de pourcentage de la propriété border-top-left-radius définissent la forme du coin extérieur de la bordure d'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 à partir de la première. Si l'une des longueurs est zéro, le coin est carré, et 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 gauche.
% Définit la forme du coin supérieur gauche à l'aide de %.

Articles connexes

Tutoriel CSS3 :Bordures CSS3

autres extensions