<wbr>
<wbr> は HTML の要素で、改行可能位置 — テキスト内でブラウザーが任意で改行してよい位置を表しますが、この改行規則は必要のない場合は改行を行いません。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 4 | 18 | 3.2 | |
基本構文
HTML
<p>https://example.com/<wbr>very/<wbr>long/<wbr>path/<wbr>to/<wbr>resource</p>
<p>Supercalifragilistic<wbr>expialidocious</p>ライブデモ
Wbr and other. change row method. comparison
wbr, word-break, overflow-wrap Difference Comparison.
プレビュー全画面表示
実務での使いどころ
-
<wbr> の活用
<wbr> は HTML の要素で、改行可能位置 — テキスト内でブラウザーが任意で改行してよい位置を表しますが、この改行規則は必要のない場合は改行を行いません。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。