Style borderTopLeftRadius Property
Exemple
Ajoutez une bordure arrondie dans le coin supérieur gauche d'un élément div :
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Définition et utilisation
La propriété borderTopLeftRadius définit ou renvoie la forme de la bordure du coin supérieur gauche.
Astuce : Cette propriété vous permet d'ajouter des bordures arrondies aux éléments !
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
borderTopLeftRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété borderTopLeftRadius :
object.style.borderTopLeftRadius
Définissez la propriété borderTopLeftRadius :
object.style.borderTopLeftRadius = "length|% [length|%]|initial|inherit"
Remarque : Les deux valeurs de longueur ou de pourcentage des propriétés border-top-left-radius définissent les rayons d'un quart d'ellipse qui définit la forme du coin du bord extérieur de la bordure. La première valeur est le rayon horizontal, la seconde le rayon vertical. Si la deuxième valeur est omise, elle est copiée à partir de la première. Si l'une des longueurs est nulle, 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.
Valeurs de propriété
Value | Description |
---|---|
length | Defines the shape of the top-left corner |
% | Defines the shape of the top-left corner in % |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | 0 |
---|---|
Valeur de retour : | Une chaîne, représentant la propriété border-top-left-radius d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété border-top-left-radius
❮ Objet de style