サイト内検索
...スタイルシート(css)...
スタイルシート・テキスト
改行・スペースの扱い
- 改行や折り返しの設定するときには、white-spaceプロパティを指定します。
- 改行・半角スペース・タブ行送りなどの
- 空白・折り返しをどのようにするかを指定します。
- 主に、折り返しを指定します。
- [使い方]
- .sample{white-space: nowrap;}
プロパティ名 | 値 | 説明 |
---|---|---|
white-space: | nowrap; | 自動改行の禁止
連続する半角スペース・タブ・改行を、 1つの半角スペースとして表示します。 大きさが指定されている場合でも 自動的に改行されません。 |
normal; | (標準値・初期設定値)
連続する半角スペース・タブ・改行を、 1つの半角スペースとして表示します。 大きさが指定されている場合には、 大きさに応じて自動的に改行されます。 |
|
pre; | 書いたままの形で表示します。 |
改行の仕方
- 改行の仕方は、word-breakプロパティを指定します。
- 幅いっぱいで自動改行(折り返し)が行われる場合に、
- 単語の区切りで改行するか、または単語内で改行するか、を指定します。
- [使い方]
- .sample{word-break: break-all;}
プロパティ名 | 値 | 説明 |
---|---|---|
word-break: | normal; | (標準値・初期設定値)
・・・・・・ 英語(単語の区切りで改行されます。) 日本語(行末で改行されます。) |
break-all; | どの言語も行末で改行されます
単語内で改行されます。 |
|
keep-all; | どの言語も単語の区切りで改行されます。 |