Home / テキストの指定 / 半角スペース・タブ・改行の表示方法 : white-space

半角スペース・タブ・改行の表示方法 : white-space

::: 書 式 :::
white-space: 表示方法

::: プロパティ値 :::
表示方法には、下記の値を指定します。
  • normal (通常:初期値)
  • pre   (半角スペース・タブ・改行がそのまま表示する)
  • nowrap (半角スペース・タブ・改行が半角スペースに変換されて表示する)

::: 解 説 :::
white-space」プロパティで、半角スペース・タブ・改行の表示方法を指定します。

「pre」を指定すると、半角スペース・タブ・改行がそのまま表示されます。

「nowrap」を指定すると、連続した半角スペース・タブ・改行が半角スペース1つに変換されて表示されます。

::: 対応ブラウザ :::
IE Firefox Opera Chrome Safari
8 7 6 5.5 5 3.5 3 2 1.5 1 10 9 8 7 6 2 1 4 3 2 1
×
[ 対応状況 : ○=対応、△=一部対応、×=未対応 ]

::: サンプル ( white-space: pre ) ::: [ サンプル画面 スタイルシート(CSS)サンプル画面 ]

::: サンプル ( white-space: nowrap ) ::: [ サンプル画面 スタイルシート(CSS)サンプル画面 ]


関連項目