overflowプロパティ【残54日】

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

値は主に４つ

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

補足として

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

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