hyphensプロパティ
hyphensプロパティは、ハイフン「-」を使用して
ブラウザでの単語の改行を有効にします。
ロシア語をサポートするには、
属性 lang="ru" を
改行が適用される要素（またはその親要素）に追加する必要があります。
単純に html タグにこの属性を追加することもできます。
これがないと改行は機能しません。
構文
セレクタ {
hyphens: auto | manual | none;
}
値
| 値 | 説明 |
|---|---|
auto |
必要に応じてハイフンを挿入します。 |
manual |
ソフトハイフン ­
または wbr タグが
追加された箇所でのみ、必要に応じてハイフンを挿入します。
このようなハイフンを ソフトハイフンと呼びます。
|
none |
ハイフネーションを無効にします（ソフトハイフンがあっても単語は改行されません）。 |
初期値: manual。
autoの値
<p lang="en">
Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
ante purus lacini dui, interdum fringilla massa eros ut duir
nullam et ipsum ex. Donec ut iaculis massa. Duis vel ulamcor
per dolor. Suspendisse tristique dolor risus, nec laoreet du
aliquet maximus. Maecenas tempus congue arcu, si amet auctor
dui efficitur in. Proin ac auctor nisi. Phasellus luctus eur
neque sollicitudin rutrum. Curabitur ipsum justo, sodales in
lectus non, molestie ullamcorper elit, orciro varius natoque.
</p>
p {
width: 400px;
hyphens: auto;
border: 1px solid red;
text-align: justify;
}
:
関連項目
-
長い単語の文字を折り返すことができる
word-breakプロパティとoverflow-wrapプロパティ
-
ブロックの境界を超えてはみ出た部分を切り取る
overflowプロパティ
