HTML5におけるオーバーフローとはどういう意味ですか？-H5 チュートリアル-php.cn

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

醉折花枝作酒筹

リリース： 2023-01-06 11:16:20

オリジナル

16862 人が閲覧しました

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におけるオーバーフローとはどういう意味ですか？