Cours CSS largeur et hauteur

Tuto CSS largeur et hauteur, tutoriel & guide de travaux pratiques en pdf.

Margin (marge)

width
height
padding (espacement)
border (bordure)

Largeur, Hauteur

width : Largeur du contenu de l’élément : longueur ou auto. Par défaut à auto, prend la taille maximale disponible. height : Hauteur du contenu de l’élément : longueur ou auto. Par défaut à auto, s’adapte à la taille du contenu.
Remarque width et height peuvent être également utilisés pour les éléments en ligne remplacés (comme <img>).
Modèle de boîtes de CSS Débordement
Si la hauteur du contenu est contrainte, le contenu peut déborder d’un bloc… La propriété overflow contrôle le comportement :
visible : le contenu déborde de l’élément. hidden : le contenu est tronqué. scroll : des barres de délement sont ajoutées. auto : des barres de délement sont ajoutées quand c’est nécessaire.
Par défaut : visible.
Remarque Internet Explorer 6 ne gère pas overflow: visible;

Marges

margin-top margin-right margin-bottom margin-left margin permet de dénir d’un seul coup ces quatre propriétés, dans l’ordre top right bottom left. Par défaut : 0. Une marge peut être dénie à auto, elle est alors automatiquement calculée à partir des autres valeurs.

Espacement

padding-top padding-right padding-bottom padding-left padding permet de dénir d’un seul coup ces quatre propriétés, dans l’ordre top right bottom left. Par défaut : 0.