HTMLoverflowとは?overflowとはCSSのプロパティの1つで「要素のボックスからはみ出た部分をどうするか」を指定します。【overflowは以下のように記述します。{overflow:値;}overflowの4つの値visible:初期値。はみ出た部分が、はみ出たままの状態で表示される場合ありhidden:はみ出た部分が隠れるscroll:はみ出た部分が隠れてスクロールできる状態にauto:ブラウザにより表示が変わる(基本的にはスクロールできる状態に)以下でoverflowの指定方法をみていきましょう。visibleで表示overflow:visibleだと基本的にはみ出た部分がそのまま表示されます。例として幅と高さが125pxずつの段落要素(p)に文章を入れてみましょう。ボックスからはみ出てしまいました。visibleとしていますが、visibleは初期値なので、この部分が書かれていなくても同じ表示になります。heightを指定なしさきほどの例ではheight:125pxにしていました。heightを指定しなかった場合はどのように表示されるのでしょうか。auto)、文字分だけ縦に要素が長くなるのではみ出ることはありません。hiddenではみ出た部分を非表示にするoverflow:hiddenを指定すると、要素のボックスからはみ出てしまった部分は隠れて見えなくなります。以下例を見てみましょう。⬆︎このようにhiddenだとボックスに収まりきらない部分は非表示になります。スクロールして表示させることもできません。scrollでスクロールで出来るようにする1番おさえておきたいポイントです。scrollを指定すると、はみ出た部分が隠れ、スクロールにより表示することができるようになります。⬆︎このようにはみ出た部分をスクロールにより表示できます。※動かないですが下にスクロールすることで隠れていた文字が出てきます。overflow:autoとは?overflow:autoとすると、はみ出た部分の処理をブラウザに委ねることになります。ほとんどの場合は上記のscrollを指定した場合と同じようにスクロールバーが表示されます。要素のボックスからはみ出た部分をどうするか?overflowの意味と使い方の説明このようにoverflowやoverflow-x、overflow-yによりはみ出た部分の処理を指定しておくことができます。環境によって誤差が出てしまうので、ウェブサイトを作ったときはできるだけ様々な端末、ブラウザで表示を確認するのが良いです。他にもHTML、CSSには多くの要素があります。これからもHTML、CSSについて記事を掲載していきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。technology.。