Comment exprimer le remplissage et les marges en CSS

Padding et margins sont des propriétés CSS utilisées pour contrôler l'espace blanc autour des éléments. La marge intérieure définit l'espace entre le contenu de l'élément et la bordure de l'élément, qui est définie via l'attribut padding ; la marge extérieure définit l'espace entre la bordure de l'élément et les éléments adjacents, qui est définie via l'attribut margin.

Padding et margins en CSS

Padding et margins sont des propriétés en CSS utilisées pour définir l'espace blanc autour d'un élément. Ils jouent un rôle essentiel dans la définition de la disposition des éléments et de la conception de l’interface utilisateur.

Padding

Padding fait référence à l'espace entre le contenu de l'élément et la bordure de l'élément. Il peut être défini via l'attribut padding, et sa valeur peut être une valeur unique (représentant la même distance pour toutes les marges) ou quatre valeurs (représentant les marges supérieure, droite, inférieure et gauche). respectivement). padding 属性来设置，其值可以是单个值（表示所有边距的相同距离）或四个值（分别表示上、右、下、左的边距距离）。

语法：

<code>padding: <top> <right> <bottom> <left>;</code>

示例：

<code>div {
  padding: 10px;
}</code>

此示例将为 div 元素设置 10 像素的内边距，即元素内容在各条边距上都与元素边框保持 10 像素的距离。

外边距

外边距是指元素边框与相邻元素（或视口）之间的空间。它可以通过 margin

Syntaxe :

<code>margin: <top> <right> <bottom> <left>;</code>

Exemple :

<code>div {
  margin: 20px;
}</code>

Cet exemple définira un remplissage de 10 pixels pour l'élément div, c'est-à-dire que le contenu de l'élément sera à 10 pixels de la bordure de l'élément sur toutes les marges. .

🎜Marges🎜🎜🎜Les marges sont l'espace entre la bordure d'un élément et les éléments adjacents (ou fenêtres). Il peut être défini via l'attribut margin et sa valeur suit des règles similaires au remplissage. 🎜🎜🎜Syntaxe :🎜🎜rrreee🎜🎜Exemple :🎜🎜rrreee🎜Cet exemple définira une marge de 20 pixels pour l'élément div, c'est-à-dire que la bordure de l'élément sera à 20 pixels des éléments adjacents sur chaque marge. 🎜

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!