---
title: '<big> : l''élément d''agrandissement de texte'
slug: Web/HTML/Element/big
tags:
  - Element
  - HTML
  - Deprecated
  - Reference
  - Web
translation_of: Web/HTML/Element/big
browser-compat: html.elements.big
---
<div>{{HTMLRef}}</div>

<div class="notecard deprecated">
  <p><b>Obsolète</b></p>
  <p>Cette fonctionnalité a été supprimée des standards du Web. Bien que quelques navigateurs puissent encore la supporter, elle est en cours d'éradication. Ne l'utilisez ni dans d'anciens projets, ni dans de nouveaux. Les pages et applications Web l'utilisant peuvent cesser de fonctionner à tout moment.</p>
</div>

<p class="summary">L'élément HTML <strong><code>&lt;big&gt;</code></strong> (gros) augmente d'une taille la police du texte de l'élément (il permet par exemple de passer de <code>small</code> à <code>medium</code>, ou de <code>large</code> à <code>x-large</code>) jusqu'à atteindre la taille maximale autorisée par le navigateur.</p>

<div class="notecard note">
  <p><b>Note d'utilisation :</b></p>
  <p>Cet élément est purement stylistique. Il a été supprimé en HTML5 et ne doit plus être utilisé. Les développeurs web doivent utiliser les propriétés <a href="/fr/docs/Web/CSS">CSS</a> pour remplacer cet élément.</p>
</div>

<h2 id="attributes">Attributs</h2>

<p>Cet élément n'a aucun autre attribut en dehors des <a href="/fr/docs/Web/HTML/Global_attributes">attributs universels</a> communs à tous les éléments.</p>

<h2 id="examples">Exemples</h2>

<p>Nous voyons ici des exemples montrant l'utilisation de <code>&lt;big&gt;</code> suivis d'un exemple montrant comment obtenir les mêmes résultats en utilisant plutôt la syntaxe CSS moderne.</p>

<h3 id="using_&lt;big&gt;">Utilisation de <code>&lt;big&gt;</code></h3>

<div id="using_big">
<p>Dans cet exemple, on utilise l'élément obsolète <code>&lt;big&gt;</code> afin d'augmenter la taille du texte.</p>

<h4 id="html">HTML</h4>

<pre class="brush: html">&lt;p&gt;
  C'est la première phrase. &lt;big&gt;Cette phrase
  entière phrase est en plus gros caractères.&lt;/big&gt;
&lt;/p&gt;</pre>
</div>
<h4 id="result">Résultat</h4>

<p>{{EmbedLiveSample("using_big", "", 110)}}</p>

<h3 id="using_css_font-size">Utilisation de la propriété CSS <code>font-size</code></h3>

<p>Cet exemple utilise la propriété CSS <a href="/fr/docs/Web/CSS/font-size"><code>font-size</code></a> pour augmenter la taille de la police d'un niveau.</p>

<h4 id="css">CSS</h4>

<pre class="brush: css">.bigger {
  font-size: larger;
}</pre>

<h4 id="html_2">HTML</h4>

<pre class="brush: html">&lt;p&gt;
  C'est la première phrase. &lt;span class="bigger"&gt;Cette phrase
  entière est écrite en plus grosses lettres.&lt;/span&gt;
&lt;/p&gt;</pre>

<h4 id="result_2">Résultat</h4>

<p>{{EmbedLiveSample("using_css_font-size", "", 100)}}</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><b>Note d'implémentation :</b></p>
  <p>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="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>CSS : <a href="/fr/docs/Web/CSS/font-size"><code>font-size</code></a>, <a href="/fr/docs/Web/CSS/font"><code>font</code></a></li>
  <li>HTML : <a href="/fr/docs/Web/HTML/Element/small"><code>&lt;small&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/font"><code>&lt;font&gt;</code></a>, <a href="/fr/docs/Web/HTML/Element/style"><code>&lt;style&gt;</code></a></li>
 <li>Spécification HTML 4.01 sur <a href="https://www.w3.org/TR/html4/present/graphics.html#h-15.2">la mise en forme utilisant les polices</a></li>
</ul>