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é
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
