Attribut BORDER

Rôle

L’attribut border permet d’appliquer une bordure au quatre côtés (à gauche, à droite, en haut et en bas) de l’élément HTML.

Cet attribut est le raccourci de border-width qui spécifie l’épaisseur (en px, em..), border-color qui spécifie la couleur, border-style qui spécifie le style (solide, pointillé..)

Version : CSS1

Héritage (inherit) : non

Propriété Javascript : element.style.border

Testez vous-même cet attribut

Utilisez Codepen.

– Le code CSS

div{
  width: 300px;
  padding: 10px;
  border: 10px solid silver;
}

– Le code HTML

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Impedit maxime et reiciendis ullam, accusamus blanditiis iste rerum. Impedit placeat tenetur, aperiam iure dolores quibusdam repellat, alias, nesciunt, </div>

Résultat

Compatibilité

navigateur-chromenavigateur-firefoxnavigateur-ienavigateur-safarinavigateur-opera

L’attribut border est pris en charge par tous les principaux navigateurs

Valeurs

Les différentes valeurs de l’attribut border sont:

Le type de bordure
Voir border-style
L’épaisseur de la bordure
Voir border-width
La couleur de la bordure
Voir border-color
initial
Défini à sa valeur initiale (attention pas pris en charge par Internet Explorer et Opéra en dessous de la version 15). Peut être utilisé pour « neutraliser » une spécification.
Syntaxe :
border : initial
inherit
Hérite de la même propriété que l’élément parent.
Syntaxe :
border : inherit

A voir aussi

border box-sizing clip height width margin padding overflow max-width min-width outline resize