記事

<wbr>

wbr（ワード・ブレーク・オポチュニティ）要素はテキストの折り返しが可能な箇所を指定します。

英単語は途中での折り返しが禁止されています。このような場合、折り返ししたい単語内にwbr要素を記述することで、意図した場所で折り返しができるようにします。

但し、指定した場所で折り返されるかは、表示領域の幅やテキストの分量、文字サイズに依存します。

wbr要素で使用できる属性

グローバル属性

すべてのHTML要素で使用できる属性になります。

使用例

<div id="example-paragraphs">
  <p>Fernstraßenbauprivatfinanzierungsgesetz</p>
  <p>Fernstraßen<wbr>bau<wbr>privat<wbr>finanzierungs<wbr>gesetz</p>
  <p>Fernstraßen&shy;bau&shy;privat&shy;finanzierungs&shy;gesetz</p>
</div>

表示