Propriété borderRadius Style

Définition et utilisation

borderRadius Cette propriété est une propriété abrégée utilisée pour définir ou renvoyer les quatre propriétés borderRadius.

Les quatre propriétés borderRadius sont (dans cet ordre) :

Conseil :Cette propriété vous permet d'ajouter des coins arrondis à un élément !

Voir également :

Manuel de référence CSS :Propriété borderRadius

Exemple

Ajouter un bord arrondi à l'élément div :

document.getElementById("myDIV").style.borderRadius = "25px";

Essayer vous-même

Syntaxe

Retourner la propriété borderRadius :

object.style.borderRadius

Définir la propriété borderRadius :

object.style.borderRadius = "1-4 length|% / 1-4 length|%|initial|inherit"

Remarque :Les quatre valeurs de chaque rayon sont données dans l'ordre suivant : haut-gauche, haut-droit, bas-droit, bas-gauche. Si l'angle bas-gauche est omis, il est le même que l'angle haut-droit. Si l'angle bas-droit est omis, il est le même que l'angle haut-gauche. Si l'angle haut-droit est omis, il est le même que l'angle haut-gauche.

Valeur de l'attribut

Valeur Description
length Définit la forme de l'angle. La valeur par défaut est 0.
% Définit la forme de l'angle en pourcentage.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inhérite cette propriété de son élément parent. Voir inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Une chaîne, indiquant la Propriété borderRadius.
Version de CSS : CSS3

Prise en charge du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Pris en charge 9.0 Pris en charge Pris en charge Pris en charge