Attribut border CSS

Définition et utilisation

L'attribut de court raccourci border définit tous les attributs de bord dans une même déclaration.

Les propriétés peuvent être définies dans l'ordre suivant :

Si l'une des valeurs n'est pas définie, cela ne pose pas de problème, par exemple border:solid #ff0000; est également autorisé.

Voir également :

Tutoriel CSS :Bordure CSS

Manuel de référence HTML DOM :Propriété border

Exemple

Définir le style des 4 bords :

p
  {
  border:5px solid red;
  }

Essayez-le vous-même

Syntaxe CSS

border: border-width border-style border-color|initial|hérité;

Valeur de l'attribut

Valeur Description
border-width Définit l'épaisseur de la bordure. Voir :border-width les valeurs possibles.
border-style Définit le style de la bordure. Voir :border-style les valeurs possibles.
border-color Définit la couleur de la bordure. Voir :border-color les valeurs possibles.
hérité Définit que la propriété border doit être héritée de l'élément parent.

Détails techniques

Valeur par défaut : non spécifié
Héritabilité : non
Version : CSS1
Syntaxe JavaScript : object.style.border="3px solid blue"

Plus d'exemples

Toutes les propriétés de bord dans une même déclaration
Cet exemple montre comment utiliser des abréviations pour définir toutes les quatre propriétés de bord dans une même déclaration.

Support du navigateur

Les nombres dans le tableau indiquent la version du navigateur la première à prendre en charge cette propriété.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5