CSS padding permet un codeur HTML pour définir le remplissage par défaut ou espace mort à l'extérieur d'un élément HTML. L'avantage de faire cela, c'est qu'il enregistre le codeur de répéter que le code de remplissage pour chaque instance de cet élément, et crée plus facilement la cohérence sur la page. L'élément HTML doit être rembourré peut être n'importe quel nombre de choses, comme un paragraphe, une table ou un titre.
Pour créer un rembourrage en CSS, vous devrez d'abord identifier l'élément HTML que vous voulez pad. Cet élément que vous voulez pad est connu comme le sélecteur. Ensuite, vous aurez envie de spécifier les valeurs de remplissage appropriés. Il existe cinq types de propriétés de remplissage en CSS - un pour chacun des quatre côtés d'un élément à la fois, et quatre autres de chaque côté individuel de l'élément (par exemple, le côté gauche, le côté droit, le côté supérieur ou du côté inférieur ). Une propriété qui permet au programmeur de spécifier des valeurs pour les quatre côtés d'un élément HTML à la fois ce qu'on appelle un raccourci.
Le langage de programmation utilisé pour spécifier une déclaration de CSS padding est tout simplement le mot «chair». Suite à cette étiquette, sont les «valeurs» pertinentes de la chair, ou des informations sur la quantité d'espace souhaitée, généralement représentés soit par des pixels ou d'un pourcentage. Le rembourrage et les valeurs sont écrites entre accolades ou des accolades (par exemple, "{" et "}"). Précédant tout cela est l'élément HTML d'être rembourré (par exemple, "p" pour le paragraphe ou "H2" pour le niveau 2 têtes).
En ce qui concerne la façon dont la valeur est représentée, les valeurs peuvent être représentées en pixels (par exemple, 1px ou 5px), des points (par exemple, 1pt ou 5 pts) ou en pouces (par exemple, 1 po ou 5 po) ou centimètres (par exemple, 1cm ou 5cm) . Les valeurs peuvent également être déclarées en pourcentage de l'élément HTML auquel le style. Si la valeur est de 50%, par exemple, le rembourrage sera égale à la moitié de la taille de l'élément.
Les exemples qui suivent sont le code HTML pour le rembourrage d'un élément HTML par le biais de valeurs traduit par un pourcentage et de la longueur, respectivement. Si une seule valeur est affectée, puis les navigateurs Web attribueront ce rembourrage sur les quatre côtés de l'élément HTML.