CSS3 word-wrap プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

長い単語を次の行に分割して回り込むことを可能にします:

p.test {
    word-wrap: break-word;
}
Try it Yourself ❯

定義と用法

word-wrap プロパティは、長い単語は分割して、次の行に回り込むことを可能にします。

デフォルト値: normal
継承: 継承する
アニメーション可否: 不可。animatable を参照
バージョン: CSS3
JavaScript 構文: object.style.wordWrap="break-word" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
word-wrap 4.0 5.5 3.5 3.1 10.5

CSS 構文

word-wrap: normal|break-word|initial|inherit;

プロパティの値

説明
normal 改行可能な位置でのみ単語を分割します
break-word 改行できない単語でも改行を可能にします
initial プロパティにデフォルト値を設定します。initial を参照
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS3 チュートリアル:CSS3 Text Effects


❮ 前章へ 完全な CSS リファレンス 次へ ❯