6.6 Padding CSS

Donner de l’espace (de l’air) à votre contenu intérieur

Le padding correspond à l’espace entre la bordure d’un élément et son contenu. Cet espace peut être défini à l’aide d’une unité de taille.

blockquote { padding: 20px;}

Comme pour les bordures, le padding peut être réglé individuellement pour l’un des 4 côtés.

blockquote {padding-bottom:20px;}

Le Padding se trouvant entre la bordure et le contenu, il est plus facile de visualiser l’espace intérieur avec une bordure appliquée :

blockquote { background: yellow; border: 1px solid blue;}

L’ajout d’un padding fournira un espace entre le contenu textuel et les bordures :

blockquote { background: yellow; border:1px solid blue; padding: 20px;}

Osbservez l’arrière-plan de l’élément.
L’application d’un remplissage permet d’étendre cet arrière-plan.

Article précédent6.5 Bordure CSS
Article suivant6.7 Marge CSS – margin