padding
La propriété padding permet de définir les différents écarts de remplissage d'un élément, sur l'ensemble de ses côtés.La propriété padding est une propriété raccourcie pour éviter d'avoir à définir chacun des côtés séparément. Cette propriété synthétise padding-top, padding-right, padding-bottom, padding-left.
La zone de remplissage correspond à l'espace entre le contenu de l'élément et sa bordure. Les valeurs négatives ne sont pas autorisées.
La propriété padding peut recevoir une, deux, trois ou quatre valeurs. Ces valeurs s'expriment soit en longueur soit en pourcentage de l'élément concerné. Les valeurs sont séparées les unes des autres par un espace. (padding: 40px 50px 100px;)
- Une valeur L'écart entre le bord et le contenu sera égal sur les quatre côtés de l'élément
- Deux valeurs La première valeur correspond aux côtés haut et bas tandis que la deuxième valeur correspond aux côtés gauche et droit
- Trois valeurs La première valeur sera appliquée en haut, la deuxième valeur le sera à gauche et à droite et la troisème valeur correspond à lécart appliqué en bas.
- Quatre valeurs Les valeurs sont appliquées respectivement en haut, à droite, en bas et à gauche.
