diff options
Diffstat (limited to 'files/ja/web/html/element/big')
| -rw-r--r-- | files/ja/web/html/element/big/index.html | 86 |
1 files changed, 86 insertions, 0 deletions
diff --git a/files/ja/web/html/element/big/index.html b/files/ja/web/html/element/big/index.html new file mode 100644 index 0000000000..9d2f5ba93b --- /dev/null +++ b/files/ja/web/html/element/big/index.html @@ -0,0 +1,86 @@ +--- +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><big></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><big></code> を使って表示する例と、その後で現在の CSS の文法で代用して同じ結果を得る方法を示します。</p> + +<h3 id="Using_<big>" name="Using_<big>"><code><big></code> の使用</h3> + +<div id="Using_big"> +<p>This example uses the obsolete <code><big></code> element to increase the size of some text.</p> + +<h4 id="HTML">HTML</h4> + +<pre class="brush: html"><p> + This is the first sentence. <big>This whole + sentence is in bigger letters.</big> +</p></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"><p> + This is the first sentence. <span class="bigger">This whole + sentence is in bigger letters.</span> +</p></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> + +<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力したいのであれば、 <a href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div> + +<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> |