Que signifie le remplissage en CSS-tutoriel CSS-php.cn

Que signifie le remplissage en CSS

青灯夜游

Libérer： 2023-01-06 11:13:43

original

29916 Les gens l'ont consulté

En CSS, padding signifie "filling" ou "padding", qui est utilisé pour définir l'espace entre la bordure de l'élément et le contenu de l'élément, c'est-à-dire le remplissage de l'élément. padding est une propriété abrégée qui peut définir la largeur de tout le remplissage sur un élément, ou définir la largeur du remplissage de chaque côté.

Que signifie le remplissage en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Que signifie le remplissage en CSS

Remplissage CSS

Le remplissage CSS est une propriété abrégée qui définit l'espace entre la bordure de l'élément et l'espace de contenu de l'élément, qui c'est-à-dire le remplissage de l'élément.

Que signifie le remplissage en CSS

Lorsque le remplissage d'un élément est effacé, la zone libérée sera remplie avec la couleur d'arrière-plan de l'élément.

Utilisez l'attribut padding seul pour modifier le remplissage supérieur, inférieur, gauche et droit.

Description :

Cet attribut raccourci définit la largeur de tout le remplissage de l'élément, ou définit la largeur du remplissage de chaque côté. Le remplissage défini sur les éléments en ligne non remplacés n'affecte pas les calculs de hauteur de ligne ; par conséquent, si un élément a à la fois un remplissage et un arrière-plan, il peut s'étendre visuellement sur d'autres lignes et éventuellement chevaucher d'autres contenus. L'arrière-plan de l'élément s'étend sur tout le remplissage. Les valeurs de marge négatives ne sont pas autorisées.

Attribut Padding, qui peut avoir une à quatre valeurs.

padding:25px 50px 75px 100px;

Copier après la connexion

Le rembourrage supérieur est de 25px
Le rembourrage à droite est de 50px
Le rembourrage inférieur est de 75px
le rembourrage gauche est de 100px

padding:25px 50px 75px;

Copier après la connexion

le rembourrage supérieur est de 25px
Le rembourrage gauche et droit est de 50px
Le rembourrage inférieur est de 75px

padding:25px 50px;

Copier après la connexion

Le haut et le bas le rembourrage est de 25px
Le rembourrage gauche et droit est de 50px

padding:25px;

Copier après la connexion

Tout le rembourrage est de 25px

Exemple :

<html>
<head>
<style type="text/css">
td.test1 {padding: 1.5cm}
td.test2 {padding: 0.5cm 2.5cm}
</style>
</head>

<body>
<table border="1">
<tr>
<td class="test1">
这个表格单元的每个边拥有相等的内边距。
</td>
</tr>
</table>
<br />
<table border="1">
<tr>
<td class="test2">
这个表格单元的上和下内边距是 0.5cm，左和右内边距是 2.5cm。
</td>
</tr>
</table>
</body>

</html>

Copier après la connexion

Que signifie le remplissage en CSS