Revision 391041 of <big>

Revision slug: Web/HTML/Element/big
Revision title: <big>
Revision id: 391041
Created: May 9, 2013, 10:36:42 AM
Creator: Sheppy
Is current revision? No
Comment HTML/Element/big Web/HTML/Element/big

Tags:

Revision Content

Summary

The HTML Big Element (<big>) makes the text font size one size bigger (for example, from small to medium, or from large to x-large) up to the browser's maximum font size.

Usage note: As it was purely presentational, this element has been removed in HTML5 and shouldn't be used anymore. Instead web developers should use CSS properties.

Attributes

This element has no other attributes than the global attributes, common to all elements.

Example 1

<p>
  This is the first sentence. <big>This whole 
  sentence is in bigger letters.</big>
</p>

Example 2 (CSS alternative)

<p>
  This is the first sentence. <span style="font-size:1.2em">This whole 
  sentence is in bigger letters.</span>
</p>

Result

This is the first sentence. This whole sentence is in bigger letters.

DOM interface

This element implements the HTMLElement interface.

Implementation note: Up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement interface for this element.

Browser compatibility

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari
Basic support	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}	{{CompatUnknown}}	{{CompatVersionUnknown}}	{{CompatVersionUnknown}}

Feature	Android	Firefox Mobile (Gecko)	IE Mobile	Opera Mobile	Safari Mobile
Basic support	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}	{{CompatUnknown}}

Revision Source

<div>
  {{obsolete_header}}</div>
<h2 id="Summary">Summary</h2>
<p>The HTML Big Element (<code>&lt;big&gt;</code>)&nbsp;makes the text <em>font size</em> one size bigger (for example, from small to medium, or from large to x-large) up to the browser's maximum font size.</p>
<div class="note">
  <p><strong>Usage note: </strong>As it was purely presentational, this element has been removed in HTML5 and shouldn't be used anymore. Instead web developers should use CSS properties.</p>
</div>
<h2 id="Attributes">Attributes</h2>
<p>This element has no other attributes than the <a href="/en-US/docs/HTML/global_attributes" title="HTML/global attributes">global attributes</a>, common to all elements.</p>
<h2 id="Example_1">Example 1</h2>
<pre class="brush:xml">
&lt;p&gt;
  This is the first sentence. &lt;big&gt;This whole 
  sentence is in bigger letters.&lt;/big&gt;
&lt;/p&gt;</pre>
<h2 id="Example_2_(CSS_alternative)">Example 2 (CSS alternative)</h2>
<pre class="brush:xml">
&lt;p&gt;
  This is the first sentence. &lt;span style="font-size:1.2em"&gt;This whole 
  sentence is in bigger letters.&lt;/span&gt;
&lt;/p&gt;</pre>
<h3 id="Result">Result</h3>
<p>This is the first sentence. <span style="font-size:1.2em">This whole sentence is in bigger letters.</span></p>
<h2 id="DOM_interface">DOM interface</h2>
<p>This element implements the <code><a href="/en-US/docs/DOM/element" title="DOM/element">HTMLElement</a></code> interface.</p>
<div class="note">
  <strong>Implementation note: </strong>Up to Gecko 1.9.2 inclusive, Firefox implements the <a href="/en-US/docs/DOM/span" title="DOM/span"><code>HTMLSpanElement</code></a> interface for this element.</div>
<h2 id="Browser_compatibility">Browser compatibility</h2>
<p>{{CompatibilityTable}}</p>
<div id="compat-desktop">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Chrome</th>
        <th>Firefox (Gecko)</th>
        <th>Internet Explorer</th>
        <th>Opera</th>
        <th>Safari</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
        <td>{{CompatVersionUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<div id="compat-mobile">
  <table class="compat-table">
    <tbody>
      <tr>
        <th>Feature</th>
        <th>Android</th>
        <th>Firefox Mobile (Gecko)</th>
        <th>IE Mobile</th>
        <th>Opera Mobile</th>
        <th>Safari Mobile</th>
      </tr>
      <tr>
        <td>Basic support</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
        <td>{{CompatUnknown}}</td>
      </tr>
    </tbody>
  </table>
</div>
<h2 id="See_also">See also</h2>
<ul>
  <li>{{htmlelement("small")}}, {{htmlelement("font")}}, {{htmlelement("style")}}</li>
  <li>HTML 4.01 Specification: <a class="external" href="https://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li>
</ul>
<div>
  {{HTML:Element_Navigation}}</div>

Revert to this revision