Attribut Style border

Définition et utilisation

border Les attributs peuvent être définis ou retournés sous forme abrégée pour les trois attributs de bordure séparés au maximum.

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

Exemple

Exemple 1

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

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

Essayez-le vous-même

Exemple 2

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

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

Essayez-le vous-même

Exemple 3

Retourner la valeur de l'attribut border de l'élément <div> :

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

Essayez-le vous-même

Syntaxe

Retourner l'attribut border :

object.style.border

Définir l'attribut border :

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

Valeur de l'attribut

Valeur Description
width Définir la largeur de la bordure.
style Définir le style de la bordure.
color Définir la couleur de la bordure.
initial Réinitialise cette propriété à sa valeur par défaut. Voir initial.
inherit Inherits this property from its parent element. Voir inherit.

Détails techniques

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

Support du navigateur

border C'est une caractéristique CSS1 (1996).

Tous les navigateurs le supportent pleinement :

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Supporté Supporté Supporté Supporté Supporté Supporté