diff options
Diffstat (limited to 'files/fr/web/html/element/center/index.md')
| -rw-r--r-- | files/fr/web/html/element/center/index.md | 73 |
1 files changed, 73 insertions, 0 deletions
diff --git a/files/fr/web/html/element/center/index.md b/files/fr/web/html/element/center/index.md new file mode 100644 index 0000000000..ab336c36fc --- /dev/null +++ b/files/fr/web/html/element/center/index.md @@ -0,0 +1,73 @@ +--- +title: '<center> : l''élément de texte centré' +slug: Web/HTML/Element/center +tags: + - Element + - HTML + - Deprecated + - Reference + - Text + - Text Alignment + - Web + - alignment + - center +translation_of: Web/HTML/Element/center +browser-compat: html.elements.center +--- +<div>{{HTMLRef}}</div> + +<div class="warning"> + <p><strong>Attention :</strong> Cette fonctionnalité est obsolète. Bien qu'encore supportée par des navigateurs, son utilisation est découragée pour tout nouveau projet. Évitez de l'utiliser.</p> +</div> + +<p>L'élément <strong><code><center></code></strong> est un <a href="/fr/docs/Web/HTML/Block-level_elements">élément de bloc</a> qui contient des paragraphes et d'autres éléments de type bloc ou en ligne. Le contenu entier de cet élément est centré horizontalement au sein de son conteneur parent (généralement l'élément <a href="/fr/docs/Web/HTML/Element/body"><code><body></code></a>).</p> + +<p>Cet élément a été déprécié en HTML4 (et XHTML 1) au profit de la propriété <a href="/fr/docs/Web/CSS">CSS</a> <a href="/fr/docs/Web/CSS/text-align"><code>text-align</code></a> qui peut être appliqué à l'élément <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a> ou à un élément <a href="/fr/docs/Web/HTML/Element/p"><code><p></code></a>. Pour centrer des blocs, on utilisera d'autres propriétés (<a href="/fr/docs/Web/CSS/margin-left"><code>margin-left</code></a> et <a href="/fr/docs/Web/CSS/margin-right"><code>margin-right</code></a> (ou définissez <a href="/fr/docs/Web/CSS/margin"><code>margin</code></a> à <code>0 auto</code>).</p> + +<h2 id="dom_interface">Interface DOM</h2> + +<p>Cet élément implémente l'interface <a href="/fr/docs/Web/API/HTMLElement"><code>HTMLElement</code></a>.</p> + +<div class="note"> + <p><strong>Note :</strong> Jusqu'à Gecko 1.9.2 inclus, Firefox implémentait l'interface <a href="/fr/docs/Web/API/HTMLSpanElement"><code>HTMLSpanElement</code></a> pour cet élément.</p> +</div> + +<h2 id="example_1">Exemple 1</h2> + +<pre class="brush: html"><center> + Ce texte sera centré. + <p>Ainsi que ce paragraphe.</p> +</center></pre> + +<h2 id="example_2">Exemple 2 (alternative CSS)</h2> + +<pre class="brush: html"><div style="text-align:center"> + Ce texte sera centré. + <p>Ainsi que ce paragraphe.</p> +</div></pre> + +<h2 id="example_3">Exemple 3 (alternative CSS)</h2> + +<pre class="brush: html"><p style="text-align:center"> + Cette ligne sera centrée.<br> + Ainsi que cette ligne. +</p></pre> + +<h2 id="notes">Notes</h2> + +<p>Appliquer <a href="/fr/docs/Web/CSS/text-align"><code>text-align</code></a><code>: center</code> sur un élément <a href="/fr/docs/Web/HTML/Element/p"><code><p></code></a> ou <a href="/fr/docs/Web/HTML/Element/div"><code><div></code></a> centre <em>le contenu</em> de ces éléments, tout en laissant leurs dimensions générales inchangées.</p> + +<h2 id="specifications">Spécifications</h2> + +<p>{{Specifications}}</p> + +<h2 id="browser_compatibility">Compatibilité des navigateurs</h2> + +<p>{{Compat}}</p> + +<h2 id="see_also">Voir aussi</h2> + +<ul> + <li>La propriété <a href="/fr/docs/Web/CSS/text-align"><code>text-align</code></a></li> + <li>La propriété <a href="/fr/docs/Web/CSS/display"><code>display</code></a></li> +</ul> |