retour

Les boîtes dans CSS2

Présentation du modèle
Les propriétés des boîtes
Les styles des bordures

Le modèle des boîtes dans CSS2

Tout élément représenté en HTML est contenu dans une boîte. La plupart du temps, c'est le navigateur qui calcule la plupart des propriétés des boîtes les autres ayant des valeurs par défaut. CSS2 offre la possibilité à ses utilisateurs de pouvoir modifier les propriétés des boîtes HTML.

Ceci est la zone utile d'une boîte.
CouleurPropriété CSS2
margin
border
padding


haut de page

Ensemble des propriétés des boîtes

Propriété CSS2 Valeurs possibles Valeur par défaut Applicable à Hérité du contexte
margin-top
margin-right
margin-bottom
margin-left
longueur ou x% ou auto (le navigateur choisi) ou inherit (force l'héritage du contexte) 0 tous les éléments non
margin entre une et quatre valeurs séparées par un espace ; dans l'ordre :
  1. valeur de margin-top
  2. valeur de margin-right
  3. valeur de margin-bottom
  4. valeur de margin-left
ou inherit
chaque propriété a sa propre valeur initiale tous les éléments non
padding-top
padding-right
padding-bottom
padding-left
longueur ou x% ou inherit 0 (pas de marge) tous les éléments non
padding entre une et quatre valeurs séparées par un espace ; dans l'ordre :
  1. valeur de padding-top
  2. valeur de padding-right
  3. valeur de padding-bottom
  4. valeur de padding-left
ou inherit
chaque propriété a sa propre valeur initiale tous les éléments non
border-top-style
border-right-style
border-bottom-style
border-left-style
une valeur parmi none, hidden, dotted, dashed, solid, double, groove, ridge, inset, et outset none tous les éléments non
border-width entre une et quatre valeurs séparées par un espace ; dans l'ordre :
  1. valeur de border-top-style
  2. valeur de border-right-style
  3. valeur de border-bottom-style
  4. valeur de border-left-style
ou inherit
chaque propriété a sa propre valeur initiale tous les éléments non
border-top-width
border-right-width
border-bottom-width
border-left-width
longueur ou une valeur parmi thin, medium, thick ou inherit medium tous les éléments non
border-width entre une et quatre valeurs séparées par un espace ; dans l'ordre :
  1. valeur de border-top-width
  2. valeur de border-right-width
  3. valeur de border-bottom-width
  4. valeur de border-left-width
ou inherit
chaque propriété a sa propre valeur initiale tous les éléments non
border-top-color
border-right-color
border-bottom-color
border-left-color
couleur ou inherit medium tous les éléments non
border-color entre une et quatre valeurs séparées par un espace ; dans l'ordre :
  1. valeur de border-top-color
  2. valeur de border-right-color
  3. valeur de border-bottom-color
  4. valeur de border-left-color
ou transparent ou inherit
chaque propriété a sa propre valeur initiale tous les éléments non
border-top
border-right
border-bottom
border-left
entre une et trois valeurs : une épaisseur et/ou un style et ou une couleur la valeur de chaque propriété mentionnée pour le côté choisi tous les éléments non
border entre une et trois valeurs : une épaisseur et/ou un style et/ou une couleur chaque propriété a sa propre valeur initiale tous les éléments non


haut de page

Les styles de bord

hidden dotted dashed
solid double groove
ridge inset outset


haut de page


retour