L1 Info : Informatique et documents, CSS
 
◃  Ch. 3 La notion de boite  ▹
 

Propriétés de border

        Division illustrant les propriétés de bordures.
    
  • border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
    Les styles none et hidden ont quasiment le même effet
  • border-color : <color> | inherit | transparent
    La transparence conserve l'épaisseur
  • border-width : <length> | thin | medium | thick | 0
    thin, medium, et thick correspondent respectivement à 1px, 3px, et 5px.
  • plus toutes les déclinaisons de border-top-*, ... border-left.*
  • Une propriété pour les gouverner toutes :
    • border : [ border-width || border-style || border-color ]
    • border-top, border-right, border-bottom, border-left : configuration complète d'une bordure latérale
  • Mêmes règles d'attribution des valeurs multiples que pour margin
  • Par défaut, les bordures sont de la même couleur que le texte (héritage de color)
  • Exemple d'usages de valeurs multiples :

    border-style: dashed double

    border-style: groove double dotted

    border-style: ridge none double none