“overflow-wrap”プロパティ:はみ出す単語途中での改行｜CSS－havin' a coffee break

＃

“overflow-wrap”プロパティは要素からはみ出してしまう単語を途中で改行するかを指定するプロパティです。



p { overflow-wrap: break-word;}

＃

“word-wrap”プロパティは過去に定義されていたブラウザの独自実装として定義されていたプロパティですが、標準のCSSの仕様として定義された際に“overflow-wrap”プロパティに名前が変更されました。

CSSの仕様書では“word-wrap”プロパティは“overflow-wrap”プロパティの別名として定義されています。“word-wrap”プロパティは“overflow-wrap”プロパティに置き換えられて処理されます。



p { word-wrap: break-word;}

＃

値	説明
normal	改行規則に従います(他に改行可能な箇所がない場合は“word-break: keep-all;”で指定された制約は緩められる場合があります。)
anywhere	他に改行可能な箇所がない場合は任意の箇所で改行を許容し、“width”プロパティや“height”プロパティなどの“min-content”値を計算する際に考慮されます (書記素クラスタや幾何学図形の途中では改行しません。ハイフネーションはされません。)
break-word	“anywhere”と同じですが、“width”プロパティや“height”プロパティなどの“min-content”値を計算する際には“overflow-wrap”プロパティによる改行は考慮されません
共通キーワード