1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

overflowプロパティ【残54日】

Last updated at Posted at 2020-07-22

overflowプロパティについて覚えたので備忘録

値は主に4つ

  1. [visible] ボックスからはみ出した要素がそのまま表示される、初期値
  2. [hidden] ボックスからはみ出した要素は表示されない
  3. [scroll] ボックスからはみ出した要素は表示されないがスクロールすることで表示される
  4. [auto] はみ出した要素の処理がブラウザに依存する、基本的にはスクロールすることで表示される

補足として

  1. overflow-x: scroll;
    x軸(横方向)にのみスクロールさせる
  2. overflow-y: scroll;
    y軸(縦方向)にのみスクロールさせる

文字列が横に長いが折り返しさせたくない + 項目がボックス内に収まらない
上記のような場合に使用検討できる

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?