Attribut borderTop du style

Définition et utilisation

borderTop Les attributs peuvent être définis ou retournés sous forme abrégée pour jusqu'à trois attributs border-top distincts.

Avec cet attribut, vous pouvez définir/retourner l'un ou plusieurs des éléments suivants (dans n'importe quel ordre) :

Voir également :

Tutoriel CSS :Bordure CSS

Manuel CSS :Attribut border-top

Manuel HTML DOM :Attribut border

Exemple

Exemple 1

Ajouter une bordure supérieure à l'élément <div> :

document.getElementById("myDiv").style.borderTop = "thick solid #0000FF";

Essayez-le vous-même

Exemple 2

Modifier la largeur, le style et la couleur de la bordure supérieure de l'élément <div> :

document.getElementById("myDiv").style.borderTop = "thin dotted red";

Essayez-le vous-même

Exemple 3

Retour de la valeur de l'attribut border-top de l'élément <div> :

alert(document.getElementById("myDiv").style.borderTop);

Essayez-le vous-même

Syntaxe

Retourner la propriété borderTop :

object.style.borderTop

Définir la propriété borderTop :

object.style.borderTop = "width style color|initial|inherit"

Valeur de l'attribut

Valeur Description
width Définir la largeur de la bordure supérieure.
style Définir le style de la bordure supérieure.
color Définir la couleur de la bordure supérieure.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inhérite cette propriété de l'élément parent. Voir inherit.

Détails techniques

Valeur par défaut : Non spécifié
Valeur de retour : Chaîne, représentant la largeur, le style et/ou la couleur de la bordure supérieure de l'élément.
Version CSS : CSS1

Support du navigateur

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