diff options
Diffstat (limited to 'files/fr/web/css/margin/index.html')
| -rw-r--r-- | files/fr/web/css/margin/index.html | 16 |
1 files changed, 7 insertions, 9 deletions
diff --git a/files/fr/web/css/margin/index.html b/files/fr/web/css/margin/index.html index 628251e76f..16beec5c1d 100644 --- a/files/fr/web/css/margin/index.html +++ b/files/fr/web/css/margin/index.html @@ -16,12 +16,10 @@ translation_of_original: Web/CSS/margin-new <div>{{EmbedInteractiveExample("pages/css/margin.html")}}</div> -<p class="hidden">Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner <a href="https://github.com/mdn/interactive-examples">https://github.com/mdn/interactive-examples</a> et à envoyer une <em>pull request</em> !</p> - <p>Les marges haute et basse n'ont aucun effet sur les élements en ligne (<em>inline</em>) qui ne sont pas <a href="/fr/docs/Web/CSS/%C3%89l%C3%A9ment_remplac%C3%A9">remplacés</a> (par exemple les {{HTMLElement("span")}} ou {{HTMLElement("code")}}).</p> <div class="note"> -<p><strong>Note : </strong>Les marges créent un espace supplémentaire à l'extérieur de l'élément. Le <em>« remplissage »</em> ({{cssxref("padding")}}) permet quant à lui de créer un espace supplémentaire à l'intérieur de l'élément.</p> +<p><strong>Note :</strong> Les marges créent un espace supplémentaire à l'extérieur de l'élément. Le <em>« remplissage »</em> ({{cssxref("padding")}}) permet quant à lui de créer un espace supplémentaire à l'intérieur de l'élément.</p> </div> <h2 id="Syntaxe">Syntaxe</h2> @@ -58,11 +56,11 @@ margin: unset; <p>Cette propriété peut accepter une, deux, trois ou quatre valeurs avec les types suivants :</p> <dl> - <dt><a id="length" name="length"><code><length></code></a></dt> + <dt><code><length></code></dt> <dd>La marge est définie avec une valeur absolue. On peut utiliser des valeurs négatives. Pour les différentes unités possibles, voir la page {{cssxref("<length>")}}.</dd> - <dt><a id="percentage" name="percentage"><code><percentage></code></a></dt> + <dt><code><percentage></code></dt> <dd>Une valeur relative, exprimée en pourcentage (type {{cssxref("<percentage>")}}, à la <strong>largeur</strong> du bloc englobant. On peut utiliser des valeurs négatives.</dd> - <dt><a id="auto" name="auto"><code>auto</code></a></dt> + <dt><code>auto</code></dt> <dd><code>auto </code>est remplacé par une valeur adaptée (il peut être utilisé pour centrer les blocs, par exemple, <code>div { width:50%; margin:0 auto; }</code> permet de centrer un conteneur <code>div</code> horizontalement).</dd> </dl> @@ -135,7 +133,7 @@ margin: auto; /* boîte centrée horizontalement */ <h3 id="Fusion_des_marges">Fusion des marges</h3> -<p>Les marges haute et basse des éléments sont parfois fusionnées en une seule marge qui est égale à la plus grande des deux marges. Pour plus d'informations, lire <a href="/fr/docs/Web/CSS/Modèle_de_boîte_CSS/Fusion_des_marges">l'article sur la fusion des marges</a>.</p> +<p>Les marges haute et basse des éléments sont parfois fusionnées en une seule marge qui est égale à la plus grande des deux marges. Pour plus d'informations, lire <a href="/fr/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">l'article sur la fusion des marges</a>.</p> <h2 id="Spécifications">Spécifications</h2> @@ -180,7 +178,7 @@ margin: auto; /* boîte centrée horizontalement */ <h2 id="Voir_aussi">Voir aussi</h2> <ul> - <li><a class="internal" href="/fr/docs/Web/CSS/Fusion_des_marges">Fusion des marges</a></li> - <li><a href="/fr/Apprendre/CSS/Introduction_à_CSS/Le_modèle_de_boîte">Le modèle de boîte CSS</a></li> + <li><a href="/fr/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing">Fusion des marges</a></li> + <li><a href="/en-US/docs/Learn/CSS/Building_blocks/The_box_model">Le modèle de boîte CSS</a></li> <li>{{cssxref("margin-top")}}, {{cssxref("margin-right")}}, {{cssxref("margin-bottom")}} et {{cssxref("margin-left")}}</li> </ul> |