overflowの使用方法(css)と最近考えていること…

osawaです。
今日は雨と風が強すぎて何だか気持ちも落ち込んじゃう1日でしたね…☔️
ということで、今日は最近使用したcssのoverflowについてご紹介します。

overflowとは…?

overflowとは表示コンテンツが表示領域を超えた時どのように表示するかを指示するものです!実際に書くコードはこちら!

  1. overflow: visible;
    表示領域からはみ出したまま表示する
  2. overflow: hidden;
    表示領域からはみ出た部分は非表示にする
  3. overflow: scroll;
    表示領域からはみ出た部分はスクロールバーを表示してスクロールする形にする
  4. overflow: auto;
    表示領域からはみ出た部分の表示をブラウザに委ねる形にする
    大体の場合スクロールバーが表示されスクロールできる形になる

以上になります!作業をしていてスクロールバーってどうやって表示するんだっけ…とついつい忘れがちになってしまうので、思い出すきっかけになりました。ということで皆さんもぜひ活用してみてくださいね🎵

 

あ、そういえば、書いていてちょっと思い出したのですが、帰り道にラジオが聞こえる場所がありまして…
実はosawa、ラジオも聴くの好きです。高校生の頃、とある番組を毎週聴いていました。
多分、その趣味が続いて今YouTubeにハマっているのかもしれません。。。ゲーム実況はもちろんみますが、雑談配信も結構好きで聴いちゃいます。なんか自分が話すより、聴くのが好きなんですよね。(あ、もちろん仲良くなれば自分の話もしたい笑)

で、WOWNの人って話が面白い人が多いからラジオとか出演したら面白そうだな〜とか、ぼやぁっと考えてました。笑
私はリスナーとしてラジオ楽しみたいな〜なんて。笑

 

そして最後に話は変わりますが、今日はWOWN1周年として、お昼にピザパーティーを開催しました🥳
やはり皆さんとお話ししながらお昼を食べるとより一層美味しく感じますね。

改めましてWOWN1周年おめでとうございます!そしてrikuさんも入社1年おめでとうございます!

ということで今週もお疲れ様でした。土日はしっかり休んで、来週もゆったりと頑張りましょう〜

WEB制作・ITに関するお悩みや
ご質問等お気軽にご相談ください

contact

この記事の著者

Webデザインの仕事を中心に、動画編集を行ったり、ロゴ制作したり、色々してます。 好きなものはYouTubeと音楽と優しい世界です!笑 ブログにはデザインのことや今思っていることを中心に書いていきます♪ よろしくお願いいたします🐶

コメントする

関連記事