Exemple
Ajouter une bordure arrondie au coin supérieur gauche d'un élément div:
document.getElementById("myDIV").style.borderTopLeftRadius = "25px";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés borderTopLeftRadius ou retourne la forme de la frontière du coin supérieur gauche.
Tip: Cette propriété vous permet d'ajouter des bordures arrondies aux éléments!
Support du navigateur
La propriété borderTopLeftRadius est pris en charge dans IE9 +, Firefox, Chrome, Safari et Opera.
Syntaxe
Retour la propriété borderTopLeftRadius:
object .style.borderTopLeftRadius
Définissez la propriété borderTopLeftRadius:
object .style.borderTopLeftRadius=" Note: Les deux valeurs de longueur ou pourcentage des propriétés de rayon border-top-gauche définir les rayons d'un quart d' ellipse qui définit la forme du coin de l'arête de bordure extérieure. La première valeur est le rayon horizontal, le second rayon vertical. Si la deuxième valeur est omis, il est copié à partir de la première. Si l'une longueur est égale à zéro, le coin est carré, pas arrondi. Les pourcentages pour le rayon horizontal se rapportent à la largeur de la zone de bordure, tandis que les pourcentages pour le rayon vertical se rapportent à la hauteur de la zone frontalière. Valeurs de propriété
Valeur La description length Définit la forme du coin supérieur gauche % Définit la forme du coin supérieur gauche 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é border-top-left-rayon d'un élément version CSS CSS3
Pages associées
Référence CSS: la border-top-left-radius property
<Style objet