files/ja/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
81
82
83
84

---
title: '<big>: 大きめの文字列要素'
slug: Web/HTML/Element/big
tags:
  - Element
  - HTML
  - Obsolete
  - Reference
  - Web
translation_of: Web/HTML/Element/big
---
<div>{{obsolete_header}}</div>

<p><span class="seoSummary">廃止された <strong>HTML の Big 要素</strong> (<code>&lt;big&gt;</code>) は、内包するテキストを周りの文字列よりも1段階大きいフォントの大きさで描画します（例えば <code>medium</code> が <code>large</code> になります）。</span>大きさはブラウザーの最大フォントの大きさに制限されます。</p>

<div class="note">
<p><strong>使用上の注意:</strong> この要素は純粋に視覚的なものでしたので、 <a href="/ja/docs/Web/Guide/HTML/HTML5" title="Web/Guide/HTML/HTML5">HTML5</a> では削除され、もう使用するべきではありません。ウェブ開発者は CSS の {{cssxref("font-size")}} プロパティを使用して、フォントの大きさを調整してください。</p>
</div>

<h2 id="Attributes" name="Attributes">属性</h2>

<p>この要素は、すべての要素で共通の <a href="/ja/docs/HTML/global_attributes" title="HTML/global attributes">グローバル属性</a> 以外には属性を持ちません。</p>

<h2 id="Examples" name="Examples">例</h2>

<p>ここでは <code>&lt;big&gt;</code> を使って表示する例と、その後で現在の CSS の文法で代用して同じ結果を得る方法を示します。</p>

<h3 id="Using_&lt;big>" name="Using_&lt;big>"><code>&lt;big&gt;</code> の使用</h3>

<div id="Using_big">
<p>This example uses the obsolete <code>&lt;big&gt;</code> element to increase the size of some text.</p>

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

<pre class="brush: html">&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>
</div>

<h4 id="Result" name="Result">結果</h4>

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

<h3 id="Using_CSS_font-size" name="Using_CSS_font-size">CSS の <code>font-size</code> の使用</h3>

<p>この例では CSS の {{cssxref("font-size")}} プロパティを使用して、フォントの大きさを1レベル大きくしています。</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_2" name="Result_2">結果</h4>

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

<h2 id="DOM_interface" name="DOM_interface">DOM インターフェイス</h2>

<p>この要素は {{domxref('HTMLElement')}} インターフェイスを提供します。</p>

<div class="note"><strong>実装メモ: </strong>Gecko 1.9.2 までのバージョンは、この要素に {{domxref('HTMLSpanElement')}} インターフェイスを実装しています。</div>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザー実装状況</h2>

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

<h2 id="See_also" name="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 仕様書: <a class="external" href="http://www.w3.org/TR/html4/present/graphics.html#h-15.2">Font Styles</a></li>
</ul>

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