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

ボックスのコンテンツがボックス自体よりも大きい場合にブラウザに何をするかを指示するために使用されるプロパティはどれですか？

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

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

次のコードを実行して、オーバーフローを実装してみてください。 プロパティ-

<html>
   <head>
   </head>
   <style>
      .scroll{
         display:block;
         border: 2px solid green;
         padding:10px;
         margin-top:10px;
         width:300px;
         height:50px;
         overflow:scroll;
      }
      .auto{
         display:block;
         border: 2px solid green;
         padding:10px;
         margin-top:10px;
         width:300px;
         height:50px;
         overflow:auto;
      }
   </style>
   <body>
      <p>Example of scroll value:</p>
      <div class = "scroll">
         I am going to keep lot of content here just to show you how
         scrollbars works if there is an overflow in an element box.
         This provides your horizontal as well as vertical scrollbars.
       </div>
      <br />
      <p>Example of auto value:</p>
      <div class = "auto">
         I am going to keep lot of content here just to show you how scrollbars
         works if there is an overflow in an element box. This provides your
         horizontal as well as vertical scrollbars.
      </div>
   </body>
</html>

  1. Google Chromeブラウザとは何ですか？

    Google Chromeは、インターネット上のWebページにアクセスするために使用される、Googleによって開発された無料のWebブラウザです。 2022年3月の時点で、これは世界で最も人気のあるWebブラウザーであり、Webブラウザーの市場シェアの62％以上を占めています。 Google Chromeはクロスプラットフォームのブラウザでもあります。つまり、さまざまなコンピュータ、モバイルデバイス、およびオペレーティングシステムで動作するバージョンがあります。 Statistaによると、Android向けGoogle Chromeが最も使用されているバージョンであり、2022年1月の時点

  2. C＃のSortedListクラスのIsReadOnlyプロパティとは何ですか？

    IsReadOnlyプロパティを使用して、SortedListが読み取り専用かどうかを示す値を取得します。 次のコードを実行して、C＃でIsReadOnlyプロパティを実装してみてください。 ここでは、最初にSortedListを設定しました。 SortedList s = new SortedList(); 要素を追加しました。 s.Add("S001", "Jack"); s.Add("S002", "Henry"); 次に、IsReadOnlyを確認します。 Console.WriteLine(&qu