Latest web development tutorials

propriété HTML DOM style borderRadius

Style de Object Reference style Objets

Exemples

Ajouter des coins arrondis à un élément div:

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

Essayez »

Définition et utilisation

la propriété borderRadius est un des ensembles de propriétés raccourcies ou retourne quatre propriété border-radius.

Astuce: Cet attribut vous permet d'ajouter des coins arrondis aux éléments!


support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

IE9 +, Firefox, Chrome, Safari et Opera soutien propriété borderRadius.


grammaire

Retour borderRadius propriétés:

object .style.borderRadius

Définition des propriétés borderRadius:

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

Remarque: pour lesquatre valeurs en conformité avec le rayon de la, en haut à droite en haut à gauche, en bas à droite, en bas à gauche, dans l'ordre donné. Si la valeur de la gauche sera omise, sa valeur est cohérente avec la valeur dans la partie supérieure droite. Si la valeur de la partie inférieure droite est omise, sa valeur est conforme à la valeur de l'angle supérieur gauche. Si la valeur de l'angle supérieur droit sera omise, sa valeur est conforme à la valeur de l'angle supérieur gauche.

Valeur de la propriété

描述
length 定义角的形状。默认值是 0。
% 以 % 形式定义角的形状。
initial 设置该属性为它的默认值。请参阅 initial
inherit 从父元素继承该属性。请参阅 inherit

détails techniques

Par défaut: 0
Retours: Chaîne représentant l'élément de propriété border-radius.
CSS version CSS3


articles connexes

CSS Référence: attribut border-radius


Style de Object Reference style Objets