Derniers tutoriels de développement web
 

Style borderRadius Property

<Style objet

Exemple

Ajouter des bordures arrondies à un élément div:

document.getElementById("myDIV").style.borderRadius = "25px";
Essayez vous - même »

Définition et utilisation

La propriété est borderRadius un raccourci pour le réglage, ou le retour, les quatre frontières * propriétés de rayon.

Tip: Cette propriété vous permet d'ajouter des coins arrondis aux éléments!


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La propriété borderRadius est pris en charge dans IE9 +, Firefox, Chrome, Safari et Opera.


Syntaxe

Retour la propriété borderRadius:

object .style.borderRadius

Définissez la propriété borderRadius:

object .style.borderRadius=" Note: Les quatre valeurs pour chaque rayons sont donnés dans l'ordre en haut à gauche, en haut à droite, en bas à droite, en bas à gauche. Si inférieur gauche est omis, il est le même que celui en haut à droite. Si en bas à droite est omis, il est le même que celui en haut à gauche. Si en haut à droite est omis, il est le même que celui en haut à gauche.

Valeurs de propriété

Valeur La description
length Définit la forme des coins. La valeur par défaut est 0
% Définit la forme des coins en%
initial Définit cette propriété à sa valeur par défaut. Lisez à propos initial
inherit Hérite cette propriété de son élément parent. En savoir plus sur hériteront

Détails techniques

Valeur par défaut: 0
Valeur de retour: Une chaîne, ce qui représente la propriété d'un rayon de bordure d'un élément
version CSS CSS3

Pages associées

Référence CSS: border-radius property


<Style objet