| border-collapse | collapse; separate; inherit; | Détermine si dans un tableau les bordures des éléments adjacents doivent être affichées séparément ou fusionnées |
| border-color | rgb(0,255,0); #0056ff; blue; transparent; inherit; | Définit la couleur de bordure d'un élément. Doit être OBLIGATOIREMENT accompagné d'un style et d'une épaisseur de bordure. Pour le même élément plusieurs types de couleurs bordures peuvent être utilisées. Ex: red pour le haut et le bas, rgb(255,145,78) pour les côtés. |
| border-spacing | 15px; 10em; inherit; | Détermine l'espacement entre les cellules |
| border-style | dashed:tirets; dotted:pointillés; double; groove:effet 3D; hidden; inset:effet entrant; none; outset:effet sortant; ridge:effet 3D; solid:trait plein; inherit; | Définie le type des bordures d'un élément. Doit être OBLIGATOIREMENT accompagné d'une épaisseur de bordure. Pour le même élément plusieurs types de bordures peuvent être utilisées. Ex: dashed pour le haut et le bas, dotted pour les côtés. |
| border-top border-right border-bottom border-left | 4px; solid; gray; | Raccourci pour border-top-width; border-top-style; border-top-color; etc. |
| border-width | thin:bordure fine; medium; thick:bordure épaisse; 2px; 3em; inherit; | Détermine l'épaisseur des bordures. Pour le même élément plusieurs types de bordures peuvent être utilisées. Ex: thin pour le haut et le bas, medium pour les côtés. |
| Il y a aussi: border-bottom-style; border-right-style; border-top-style; border-left-style; border-width; border-bottom-width; border-right-width; border-top-width; border-left-width; | Pour supprimer la bordure à une image: border-width: 0; et border-style: none; |
Exemple avec border:
Codage CSS de l'exemple:
div#bordure {
/* bordure trait plein en haut solid, pointillé à droite dotted, tirets en bas dashed, bordure double à gauche double */
border-style: solid dotted dashed double;
/* bordure fine */
border-top-width: thin;
/* bordure moyenne */
border-right-width: medium;
/* bordure de 12 pixel de haut */
border-left-width: 12px;
/* bordure de 1 caractère de haut */
border-bottom-width: 1em;
border-color: red blue white green;
}
Code HTML pour afficher le style CSS <html> |
bordure droite bleue pointillés
bordure bas blanche 1em
bordure gauche verte double 12 pixels