2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

[CSS] white-spaceプロパティでスペース、タブ、改行の表示方法を指定しよう!

white-spaceの評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.white-spaceとは?

white-spaceプロパティはスペース、タブ、改行の表示方法を指定します。

値の指定方法は以下の通りです。

{ white-space: 値; }

値の指定方法

  • normal
  • nowrap
  • pre
  • pre-wrap
  • pre-line
  • break-spaces




2.white-spaceの使い方

それではwhite-spaceの使い方をみていきましょう。

p {
 white-space: pre;
 width: 200px;
}

上記のようにすることでスペース、タブ、改行はそのまま表示されますが、ボックスの幅で自動改行されません。

他にも値を設定できるのでいろいろと試してみることをお勧めします!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です