Propriété de bordure de style
Exemple
Ajoutez une bordure à un élément <div> :
document.getElementById("myDiv").style.border = "thick solid #0000FF";
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
La propriété border définit ou renvoie jusqu'à trois propriétés de bordure distinctes, sous une forme abrégée.
Avec cette propriété, vous pouvez définir/retourner un ou plusieurs des éléments suivants (dans n'importe quel ordre) :
- largeur de la bordure
- style de bordure
- couleur de la bordure
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge la propriété.
Property | |||||
---|---|---|---|---|---|
border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntaxe
Renvoyez la propriété border :
object.style.border
Définissez la propriété border :
object.style.border = "width style color|initial|inherit"
Valeurs de propriété
Parameter | Description |
---|---|
width | Sets the width of the borders |
style | Sets the style of the borders |
color | Sets the color of the borders |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Détails techniques
Valeur par défaut: | non spécifié |
---|---|
Valeur de retour : | Une chaîne, représentant la largeur de la bordure, le style et/ou la couleur d'un élément |
Version CSS | CSS1 |
Plus d'exemples
Exemple
Modifiez la largeur, le style et la couleur de la bordure d'un élément <div> :
document.getElementById("myDiv").style.border = "thin dotted red";
Exemple
Renvoie les valeurs de la propriété border d'un élément <div> :
alert(document.getElementById("myDiv").style.border);
Pages connexes
Tutoriel CSS : Bordure CSS
Référence CSS : propriété border