Attribut Style border
- Page précédente backfaceVisibility
- Page suivante borderBottom
- Retour au niveau supérieur Objet Style HTML DOM
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";
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";
Exemple 3
Retourner la valeur de l'attribut border de l'élément <div> :
alert(document.getElementById("myDiv").style.border);
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é |
- Page précédente backfaceVisibility
- Page suivante borderBottom
- Retour au niveau supérieur Objet Style HTML DOM