HTML5におけるオーバーフローとはどういう意味ですか?

醉折花枝作酒筹
リリース: 2023-01-06 11:16:20
オリジナル
16903 人が閲覧しました

HTML5 では、オーバーフローはオーバーフローを意味します。この属性は、要素ボックスに収まらないコンテンツの処理方法を指定します。構文は「object.style.overflow=visible|hidden|scroll|auto」です。

HTML5におけるオーバーフローとはどういう意味ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

意味: HTML オーバーフロー;

オーバーフロー属性は、要素ボックスに収まらないコンテンツの処理方法を指定します。

構文:

Object.style.overflow=visible|hidden|scroll|auto
ログイン後にコピー

属性値:

HTML5におけるオーバーフローとはどういう意味ですか?

この例では、オーバーフローを使用してオーバーフロー要素ボックスを表示します。内容:

<html>
  <head>
    <style type="text/css">
      div {
        border: thin solid green;
        width: 100px;
        height: 100px;
      }
    </style>
    <script type="text/javascript">
      function hideOverflow() {
        document.getElementById("div1").style.overflow = "hidden";
      }
    </script>
  </head>
  <body>
    <div id="div1">
      This is some text. This is some text. This is some text. This is some
      text. This is some text. This is some text. This is some text. This is
      some text. This is some text.
    </div>
    <br />
    <input type="button" onclick="hideOverflow()" value="Hide overflow" />
  </body>
</html>
ログイン後にコピー

効果:

HTML5におけるオーバーフローとはどういう意味ですか?

推奨学習: html ビデオ チュートリアル

以上がHTML5におけるオーバーフローとはどういう意味ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート