Propriété de style borderTopRightRadius
Exemple
Ajoutez une bordure arrondie dans le coin supérieur droit d'un élément div :
document.getElementById("myDIV").style.borderTopRightRadius = "25px";
Définition et utilisation
La propriété borderTopRightRadius 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 !
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
borderTopRightRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété borderTopRightRadius :
object.style.borderTopRightRadius
Définissez la propriété borderTopRightRadius :
object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"
Remarque : Les deux valeurs de longueur ou de pourcentage des propriétés border-top-right-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-right corner |
% | Defines the shape of the top-right 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-right-radius d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété border-top-right-radius
❮ Objet de style