英文の折り返しのハイフン処理
英文の折り返しのハイフン処理について
文章の折り返しで、単語が途中で途切れる場合にハイフンの処理をする場合は、hyphensプロパティを使用します。
折り返しされる単語のハイフンを表示する位置に、­を挿入します。
- ※ 英文のみの対応です。
【構文】
hyphens:ハイフン処理方法;
指定可能な値
| 値 | 説明 | 初期値 |
|---|---|---|
| none | 通常の折り返し | - |
| manual | 単語の折り返しの際、改行位置を示す文字でのみ分割 | ○ |
| auto | ブラウザ自身が選択した規則の従って （行位置を示す文字を含む）自動的に分割 |
- |
サンプル
none
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
manual
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
auto
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.