Propriété borderRadius de style
Exemple
Ajoutez des bordures arrondies à un élément div :
document.getElementById("myDIV").style.borderRadius = "25px";
Définition et utilisation
La propriété borderRadius est une propriété abrégée permettant de définir ou de renvoyer les quatre propriétés borderRadius.
Les quatre propriétés de rayon de bordure sont (dans cet ordre) :
borderTopLeftRadius
borderTopRightRadius
borderBottomRightRadius
borderBottomLeftRadius
Astuce : Cette propriété permet d'ajouter des coins arrondis aux éléments !
Prise en charge du navigateur
Property | |||||
---|---|---|---|---|---|
borderRadius | Yes | 9.0 | Yes | Yes | Yes |
Syntaxe
Renvoyez la propriété borderRadius :
object.style.borderRadius
Définissez la propriété borderRadius :
object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"
Remarque : Les quatre valeurs pour chaque rayon sont données dans l'ordre haut-gauche, haut-droit, bas-droit, bas-gauche. Si en bas à gauche est omis, c'est la même chose qu'en haut à droite. Si en bas à droite est omis, c'est la même chose qu'en haut à gauche. Si en haut à droite est omis, c'est la même chose qu'en haut à gauche.
Valeurs de propriété
Value | Description |
---|---|
length | Defines the shape of the corners. Default value is 0 |
% | Defines the shape of the corners 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-radius d'un élément |
Version CSS | CSS3 |
Pages connexes
Référence CSS : propriété border-radius