CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSオーバーフロープロパティの値

CSSはオーバーフローと呼ばれるプロパティを提供します これは、ボックスの内容がボックス自体よりも大きい場合の対処方法をブラウザに指示します。

オーバーフロープロパティの値は次のとおりです-

値
説明
表示
コンテンツが含まれている要素の境界をオーバーフローできるようにします。
非表示
ネストされた要素のコンテンツは、含まれている要素の境界で切り取られ、スクロールバーは表示されません。
スクロール
含まれる要素のサイズは変更されませんが、スクロールバーが追加され、ユーザーがスクロールしてコンテンツを表示できるようになります。
auto
目的はスクロールと同じですが、コンテンツがオーバーフローした場合にのみスクロールバーが表示されます。

  1. CSSオーバーフロー：スクロール

    値がscrollのCSSオーバーフロープロパティ内 、オーバーフローがクリップされ、スクロールバーが追加されます。これにより、ユーザーはコンテンツ全体を読むことができます。 例 次のコードを実行して、CSS オーバーフローを実装することができます：scroll プロパティ- <!DOCTYPE html> <html>    <head>       <style>          div {       &nb

  2. CSSオーバーフロー：非表示

    値が非表示のCSSオーバーフロープロパティ内 、オーバーフローはクリップされます。コンテンツが非表示になります。次のコードを実行して、CSS オーバーフローを実装することができます：hidden プロパティ- 例 <!DOCTYPE html> <html>    <head>       <style>          div {             background-col