Propriétés de remplissage de CSS

Changer la remplissage de défaut qui apparaît les divers éléments intérieurs de HTML (paragraphes, tables, etc.), remplissage de CSS est employé. Mais d'abord, nous laisser s'assurent la définition de la remplissage que nous comprenons. L'espace entre la frontière d'un élément et le contenu dans lui s'appelle comme remplissage.
La distance entre la frontière (X) d'un élément de HTML et le contenu dans elle s'appelle comme remplissage

paramètres de remplissage

remplissage-dessus

La plupart des règles pour des remplissages s'appliquent également à la remplissage, à moins qu'il n'y ait aucune valeur « automatique », et des valeurs négatives ne peuvent pas être déclarées pour la remplissage.

Syntaxe de remplissage

padding-top: length percentage;
padding-left: length percentage;
padding-right: length percentage;
padding-bottom: length percentage;

Vous avez 2 choix des valeurs pour la propriété de remplissage, vous pouvez également voir dans l'exemple ci-dessus

longueur
pourcentage

Toute remplissage d'un élément dans une propriété simple peut être déclarée comme suit :

Code de CSS

padding: 10px 10px 10px 10px;

Si vous déclarez chacune des 4 valeurs comme j'ai en haut, l'ordre est comme suit :

dessus
droite
le fond
gauche

Il place la remplissage de tous les côtés, si seulement une valeur est déclarée. (voir ci-dessous)

padding: 10px;

Les valeurs non déclarées sont prises du côté de opposition, si vous déclarez seulement deux ou trois valeurs. (voir ci-dessous)

Le CSS codent

class="normalText">

padding: 20px 10px; /* 2 values */
padding: 20px 10px 10px; /* 3 values */

La remplissage est 0 (zéro), si vous ne déclarez pas la valeur de remplissage d'un élément.

Note : Si la valeur est 0 (zéro), vous ne devez pas ajouter le px (Pixel) ou quelqu'unités vous employez.

Le récipient principal pour cet emplacement a 30px (Pixel) du capitonnage entre la frontière et le texte est dans l'exemple suivant :

#container{
width: 70%;
padding: auto;
padding: 30px;
border: 1px solid #666;
background: #ffffff;
}

La remplissage gauche d'un texte peut être placée en utilisant après code.

Code de CSS

<html>
<head>
<style type="text/css">
td {padding-left: 2cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td>
This is a tablecell with a left padding. This is a tablecell with a left padding.
</td>
</tr>
</table>
</body>

</html>

La table follwing décrivent les propriétés de frontière :

Property	Description	values
padding	A shorthand property for setting the padding properties in one declaration	padding-top padding-right padding-bottom padding-left
padding-bottom	Sets the bottom padding of an element	auto length
padding-left	Sets the left padding of an element	auto length
padding-right	Sets the right padding of an element	auto length
padding-top	Sets the top padding of an element	auto length