Propriété Style borderTopLeftRadius

Définition et utilisation

borderTopLeftRadius Définit ou retourne la forme du bord supérieur gauche.

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

Voir également :

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

Exemple

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

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

Essayez-le vous-même

Syntaxe

Retourner la propriété borderTopLeftRadius :

object.style.borderTopLeftRadius

Définir la propriété borderTopLeftRadius :

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

Remarque :La valeur de longueur et le pourcentage de la propriété border-top-left-radius définissent le rayon du quart de cercle (définissant la forme des coins externes des bords) du bord. 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 circulaire. Le pourcentage du rayon horizontal fait référence à la largeur de la boîte de bordure, et le pourcentage du rayon vertical fait référence à la hauteur de la boîte de bordure.

Valeur de l'attribut

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

Détails techniques

Valeur par défaut : 0
Valeur de retour : Chaîne, représentant l'élément Propriété border-top-left-radius.
Version CSS : CSS3

Navigateur pris en charge

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