files/pt-br/web/html/element/big/index.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80

---
title: '<big>: Elemento para deixar o texto maio'
slug: Web/HTML/Element/big
translation_of: Web/HTML/Element/big
---
<div>{{obsolete_header}}</div>

<p><span class="seoSummary">The obsolete <strong>HTML Big Element</strong> (<strong><code>&lt;big&gt;</code></strong>) renders the enclosed text at a font size one level larger than the surrounding text (<code>medium</code> becomes <code>large</code>, for example).</span> The size is capped at the browser's maximum permitted font size.</p>

<div class="note">
<p><strong>Usage note: </strong>As it was purely presentational, this element has been removed in <a href="/en-US/docs/Web/Guide/HTML/HTML5" title="/en-US/docs/Web/Guide/HTML/HTML5">HTML5</a> and shouldn't be used anymore. Instead web developers should use the CSS {{cssxref("font-size")}} property to adjust the font size.</p>
</div>

<h2 id="Atributos">Atributos</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="Examples">Examples</h2>

<p>Here we see examples showing the use of <code>&lt;big&gt;</code> followed by an example showing how to accomplish the same results using modern CSS syntax instead.</p>

<h3 id="Usando_&lt;big>">Usando <code>&lt;big&gt;</code></h3>

<div id="Using_big">
<p>Este elemento usa o comando <code>&lt;big&gt;</code> para aumentar o tamanho do texto. O elemento é obsoleto, porém aceitável em todos os navegadores.</p>

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

<pre class="brush: html">&lt;p&gt;
  Este é o primeiro texto. &lt;big&gt;Este texto usa big
para ficar com a aparência maior.&lt;/big&gt;
&lt;/p&gt;</pre>
</div>

<h4 id="Resultado">Resultado</h4>

<p>{{EmbedLiveSample("Using_big", 640, 60)}}</p>

<h3 id="Using_CSS_font-size">Using CSS <code>font-size</code></h3>

<p>This example uses the CSS {{cssxref("font-size")}} property to increase the font size by one level.</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;
  This is the first sentence. &lt;span class="bigger"&gt;This whole
  sentence is in bigger letters.&lt;/span&gt;
&lt;/p&gt;</pre>

<h4 id="Result">Result</h4>

<p>{{EmbedLiveSample("Using_CSS_font-size", 640, 60)}}</p>

<h2 id="DOM_interface">DOM interface</h2>

<p>This element implements the {{domxref('HTMLElement')}} interface.</p>

<div class="note"><strong>Implementation note: </strong>Up to Gecko 1.9.2 inclusive, Firefox implements the {{domxref('HTMLSpanElement')}} interface for this element.</div>

<h2 id="Browser_compatibility">Browser compatibility</h2>


<p>{{Compat("html.elements.big")}}</p>

<h2 id="See_also">See also</h2>

<ul>
 <li>CSS: {{cssxref("font-size")}}, {{cssxref("font")}}</li>
 <li>HTML: {{htmlelement("small")}}, {{htmlelement("font")}}, {{htmlelement("style")}}</li>
 <li>HTML 4.01 Specification: <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li>
</ul>

<div>{{HTMLRef}}</div>