CSS borderPropriété
Définition de la balise et instructions d'utilisation
border est la propriété raccourcie pour les propriétés de bordure.
La propriété CSS border est utilisée pour spécifier le style, la largeur et la couleur de la bordure d'un élément.
Les propriétés qui peuvent être définies sont (dans l'ordre) : border-width, border-style et border-color.
Vous pouvez également définir une seule valeur, par exempleborder：＃FF0000;C'est correct ; les autres valeurs seront définies à la valeur initiale de la propriété correspondante.
Format de syntaxe
La propriété border peut être spécifiée à l'aide d'une, deux ou trois des valeurs listées ci-dessous, et l'ordre des valeurs n'a pas d'importance :
border: solid;
/* border-width | border-style */
border: 2px dotted;
/* border-style | border-color */
border: outset #f33;
/* border-width | border-style | border-color */
border: medium dashed green;
/* Valeurs globales */
border: inherit;
border: initial;
border: unset;
Remarque :Si le style de bordure n'est pas défini, il sera invisible. En effet, le style par défaut est none.
| Valeur par défaut : | non spécifié |
|---|---|
| Héritée : | non |
| version : | CSS1 |
| Syntaxe JavaScript : | object object.style.border="3px solid blue" |
Prise en charge des navigateurs
Les nombres dans le tableau indiquent la première version du navigateur qui prend en charge la propriété.
| Propriété | |||||
|---|---|---|---|---|---|
| border | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Valeur de la propriété
| Valeur | Description |
|---|---|
| border-width | Spécifie la largeur de la bordure |
| border-style | Spécifie le style de la bordure |
| border-color | Spécifie la couleur de la bordure |
| inherit | Spécifie que la valeur de la propriété border doit être héritée de l'élément parent. |
Articles connexes
Tutoriel CSS :Bordures CSS
autres extensions