Propriété Style borderTopRightRadius

Définition et utilisation

borderTopRightRadius Cette propriété définit la forme du coin supérieur droit du bord.

Conseil :Cette propriété vous permet d'ajouter des bords arrondis à l'élément !

Voir aussi :

Manuel CSS :Propriété border-top-right-radius

Exemple

Ajouter un bord arrondi à l'angle supérieur droit de l'élément div :

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

Essayez-le vous-même

Syntaxe

Retourner la propriété borderTopRightRadius :

object.style.borderTopRightRadius

Définir la propriété borderTopRightRadius :

object.style.borderTopRightRadius = "length|% [length|%]|initial|inherit"

Remarque :La valeur de longueur et le pourcentage de la propriété border-top-right-radius définissent le rayon du quart de cercle (définit la forme des coins externes des bords) du bord arrondi. La première valeur est le rayon horizontal, la deuxième valeur est le rayon vertical. Si la deuxième valeur est omise, la valeur de la première valeur est copiée. Si la longueur est zéro, le coin est carré plutôt que rond. Le pourcentage du rayon horizontal se réfère à la largeur de la boîte de bordure, et le pourcentage du rayon vertical se réfère à la hauteur de la boîte de bordure.

Valeur de l'attribut

Valeur Description
length Définir la forme de l'angle supérieur droit.
% Définir la forme de l'angle supérieur droit en pourcentage.
initial Réinitialise cette propriété à sa valeur par défaut. Voir aussi initial.
inherit Inherits cette propriété de son élément parent. Voir aussi inherit.

Détails techniques

Valeur par défaut : 0
Valeur de retour : Une chaîne de caractères, représentant l'élément Propriété border-top-right-radius.
Version CSS : CSS3

Navigateur pris en charge

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 9.0 Support Support Support