borderRadius - CSS en Javascript

Définition du JS borderRadius.

La propriétés Javascript borderRadius CSS permet de spécifier en Javascript la taille de l'arrondi des coins (ou angles) d'une bordure.

oDomElement.style.borderRadius= "5px 10px";
oDomElement.style.borderRadius = "5px 10px 2em 15%";
oDomElement.style.borderRadius = "5px 10px / 2em 3em"; 

La propriété Javascript borderRadius CSS peut prendre toutes les valeurs de la propriété CSS border-radius.

La propriété CSS borderRadius renvoie une valeur de type String :

• vide par défaut pour la valeur calculée et vide pour la valeur locale.
• ou la valeur calculée en px pour la valeur calculée ou la valeur spécifiée pour la valeur locale.

Exemple de code borderRadius JS

Conditions d'application de la CSS borderRadius.

La propriété Javascript borderRadius s'applique dans les mêmes conditions que la propriété CSS border-radius.

Problème d'interprétation de borderRadius en JS.

La valeur calculée de borderRadius semble n'être jamais remplie, il faut passer par les propriétés Javascript borderBottomLeftRadius, borderBottomRightRadius, borderTopLeftRadius ou borderTopRightRadius.
Sous Internet Explorer < 9, la valeur inherit n'est pas acceptée.

Pour les problÚmes plus généraux non liés au Javascript, consultez la définition CSS de la propriété border-radius.

Compatibilités navigateurs

Votre avis sur la définition borderRadius en JS