Propriété border
La propriété border définit la couleur, le type et
l'épaisseur de la bordure pour tous les côtés simultanément.
Elle est une propriété raccourcie pour border-width,
border-style
et border-color.
Contrairement aux propriétés raccourcies, elle ne peut pas
définir une bordure différente pour les 4 côtés
à la fois, mais seulement une bordure identique pour tous.
Syntaxe
sélecteur {
border: épaisseur type couleur;
}
L'ordre des propriétés n'a pas d'importance.
Exemple
Créons une bordure noire d'une épaisseur de
1px pour un élément :
<div id="elem"></div>
#elem {
border: 1px solid black;
width: 300px;
height: 100px;
}
:
Voir aussi
-
la propriété
border-left,
qui définit la bordure gauche -
la propriété
border-right,
qui définit la bordure droite -
la propriété
border-top,
qui définit la bordure supérieure -
la propriété
border-bottom,
qui définit la bordure inférieure -
la propriété
outline,
qui définit un contour pour l'élément -
la propriété
border-radius,
qui arrondit les coins de la bordure
