Derniers tutoriels de développement web
 

Style borderTopRightRadius Property

<Style objet

Exemple

Ajouter une bordure arrondie au coin supérieur droit d'un élément div:

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

Définition et utilisation

La propriété borderTopRightRadius définit la forme de la bordure du coin en haut à droite.

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


Support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


Syntaxe

Retour la propriété borderTopRightRadius:

object .style.borderTopRightRadius

Définissez la propriété borderTopRightRadius:

object .style.borderTopRightRadius=" Note: Les deux valeurs de longueur ou pourcentage des propriétés de rayon de frontière en haut à droite définissent 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 en haut à droite
% Définit la forme du coin supérieur droit 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-droite-rayon d'un élément
version CSS CSS3

Pages associées

Référence CSS: la border-top-right-radius property


<Style objet