TechWeb
Accueil Codage HTML CSS DESIGN XML LaboCSS

Les bordures

Une bordure est caractérisée par  :

Les types de bordures

Le style de bordure est une information obligatoire, la couleur et l'épaisseur sont facultatives.

Si seul le style d'une bordure est défini, la couleur et l'épaisseur prennent une valeur par défaut

Les propriétés de bordure

Les propriétés de bordure permettent de traiter de façon individuelle la bordure haut, droite bas et gauche. Ainsi puisque chaque bordure est définie par trois valeurs (style, couleur, épaisseur) on les propriétés suivantes :

Regroupement des déclarations

regroupement par coté

les  3 déclarations suivantes :

peuvent être résumées par l'unique déclaration :

L'ordre des caractéristiques (style, couleur, épaisseur) importe peu, seule la présence du style de bordure est impérative.

on dispose ainsi de quatre propriétés permettant chacune de définir les 3 caractéristiques (style, couleur, épaisseur) d'un coté de la bordure

regroupement par caractéristique

Chaque caractéristique de bordure peut être définie pour les quatres cotés simultannément gr$ace aux trois propriétés :

regroupement en une propriété unique

la propriété "border" permet de définir, en une seule déclaration, les caractéristiques communes aux quatre cotés. Dans la pratique, les quatre cotés d'une bordure ont une apparence commune, et la propriété border est donc généralement suffisante.

exemple : border : outset red 3px; 

Les propriétés de bordures ne sont pas héritées

Valid XHTML 1.0 Strict Valid CSS!

Copyright Gabriel Braun 2007