From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/html/element/br/index.html | 142 ++++++++++++++++++++++++++++++++ 1 file changed, 142 insertions(+) create mode 100644 files/ja/web/html/element/br/index.html (limited to 'files/ja/web/html/element/br') diff --git a/files/ja/web/html/element/br/index.html b/files/ja/web/html/element/br/index.html new file mode 100644 index 0000000000..138a9fbb08 --- /dev/null +++ b/files/ja/web/html/element/br/index.html @@ -0,0 +1,142 @@ +--- +title: '
: 改行要素' +slug: Web/HTML/Element/br +tags: + - Element + - HTML + - HTML text-level semantics + - Reference + - Web +translation_of: Web/HTML/Element/br +--- +
{{HTMLRef}}
+ +

HTML の <br> 要素 は、文中に改行（キャリッジリターン）を生成します。詩や住所など、行の分割が重要な場合に有用です。

+ +
{{EmbedInteractiveExample("pages/tabbed/br.html", "tabbed-standard")}}
+ + + +

上記の例に見られるように、 <br> 要素はテキストを改行したい場所にそれぞれ含められます。 <br> の後のテキストは、テキストブロックの次の行の先頭から再開されます。

+ +
+

注: 段落の間を開けるために <br> を使わないでください。それぞれを {{htmlelement("p")}} 要素で囲み、 CSS の {{cssxref('margin')}} プロパティで間隔を制御してください。

+
+ +

属性

+ +

この要素はグローバル属性を持ちます。

+ +

非推奨の属性

+ +
+
{{htmlattrdef("clear")}}
+
改行後の次の行を開始する場所を示します。
+
+ +

CSS でのスタイル付け

+ +

<br> 要素は、テキストのブロック内で改行するという、単一の明確な目的を持っています。そのため、寸法を持たず、自身が表示されることもなく、スタイル付けすることができるのはわずかです。

+ +

<br> 要素自体に {{cssxref("margin")}} を設定して、ブロック内のテキストの行間を開けることができますが、これは良いやり方ではありません。 — この用途のために設計された {{cssxref("line-height")}} プロパティを使用してください。

+ +

例

+ +

単純な br

+ +

以下の例では <br> を使用して、住所のそれぞれの行の間に改行を生成しています。

+ +
Mozilla<br>
+331 E. Evelyn Avenue<br>
+Mountain View, CA<br>
+94041<br>
+USA<br>
+
+ +

以下のように出力されます。

+ +

{{ EmbedLiveSample('Simple_br', '100%', '90') }}

+ +

アクセシビリティの考慮

+ +

段落間の間隔を広げるために連続した <br> 要素を使用することは、読み上げ技術の支援の下で操作をしている人にとっては問題になります。読み上げソフトは要素が存在することをアナウンスするものの、その中にはコンテンツが何もないという状況になる可能性があります。これは読み上げソフトを使用している人の利用を混乱させ不満をためる可能性があります。

+ +

追加の間隔をあける必要がある場合は、 {{cssxref("margin")}} のような CSS プロパティを使用して効果を得るようにしてください。

+ +

技術的概要

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
コンテンツカテゴリフローコンテンツ、記述コンテンツ
許可されている内容なし。これは{{Glossary("empty element", "空要素")}}です。
タグの省略開始タグは必須で、終了タグを記述してはなりません。 XHTML 文書では、この要素は <br /> と書きます。
許可されている親要素記述コンテンツを受け入れるすべての要素
暗黙の ARIA ロール対応するロールなし
許可されている ARIA ロール{{ARIARole("none")}}, {{ARIARole("presentation")}}
DOM インターフェイス{{domxref("HTMLBRElement")}}
+ +

仕様書

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName('HTML WHATWG', 'semantics.html#the-br-element', '<br>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5 W3C', 'textlevel-semantics.html#the-br-element', '<br>')}}{{Spec2('HTML5 W3C')}}
{{SpecName('HTML4.01', 'struct/text.html#h-9.3.2.1', '<br>')}}{{Spec2('HTML4.01')}}
+ +

ブラウザーの互換性

+ + + +

{{Compat("html.elements.br")}}

+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf