HTML5におけるクリアとはどういう意味ですか-フロントエンドQ&A-php.cn

HTML5におけるクリアとはどういう意味ですか

WBOY

リリース： 2021-12-21 18:00:26

オリジナル

3393 人が閲覧しました

HTML5 では、clear は「クリア」を意味し、要素の周囲の浮動要素をクリアするために使用されるスタイル属性です。構文は、「clear:value」または「Object.style.clear=value」です。デフォルトでは、この場合、属性値は「none」です。これは、フローティング要素が要素の周囲に表示されることを許可することを意味します。

HTML5におけるクリアとはどういう意味ですか

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

html5 におけるクリアの意味

HTML では、クリアはクリアを意味します。

clear 属性は、要素のどの側が他のフローティング要素を許可しないかを指定します。

clear 属性は、要素のどの側にフローティング要素を含めることができないかを定義します。 CSS1 および CSS2 では、これはクリア要素 (つまり、clear プロパティが設定された要素) に上部マージンを自動的に追加することで実現されました。 CSS2.1では要素の上マージンの上にクリアスペースが追加されますが、マージン自体は変わりません。変更に関係なく、最終結果は同じです。左側または右側でクリアとして宣言されている場合、要素の上境界線は、その側のフローティング要素の下マージンのすぐ下になります。

例は次のとおりです:

<html>
<head>
<style type="text/css">
img
  {
  float:left;
  clear:both;
  }
</style>
</head>
<body>
<img  src="/i/eg_smile.gif" / alt="HTML5におけるクリアとはどういう意味ですか" >
<img  src="/i/eg_smile.gif" / alt="HTML5におけるクリアとはどういう意味ですか" >
</body>
</html>

ログイン後にコピー

出力結果:

HTML5におけるクリアとはどういう意味ですか