ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで要素のパディングをキャンセルする方法

CSSで要素のパディングをキャンセルする方法

WBOY
WBOYオリジナル
2021-11-24 17:12:054686ブラウズ

CSS では、padding 属性を使用して要素のパディングをキャンセルできます。このプロパティは、要素のパディングの値を設定できます。属性値が 0 の場合、要素のパディングは次のようになります。構文は「element Object{padding:0px;}」です。

CSSで要素のパディングをキャンセルする方法

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

css で要素の内側のマージンをキャンセルする方法

css では、padding 属性を使用して要素の内側のマージンをキャンセルします。パディング省略属性は、宣言内のすべてのパディング プロパティを設定します。例は次のとおりです。

新しい Clear Margins and Padding.html ファイルを作成し、HTML5 構造コードを入力し、タイトル タグの内容を「Clear Margins and Padding」に変更します。

div、span などの複数のタグを定義し、Web ページを実行し、右クリック --> 要素を表示すると、body タグに余白があることがわかります (黄色の部分がmargin)、たとえば図に示すように:

CSSで要素のパディングをキャンセルする方法

* ワイルドカード セレクターを使用して、すべてのラベルのマージンとパディングを 0px に設定し、内側と外側のマージンをクリアします。

CSSで要素のパディングをキャンセルする方法

Web ページを再度実行し、要素を表示します。図に示すように、内側と外側のマージンがクリアされていることがわかります。図内:

CSSで要素のパディングをキャンセルする方法

上記の例では、要素のパディング属性がクリアされています。

(学習ビデオ共有: css ビデオ チュートリアル)

以上がCSSで要素のパディングをキャンセルする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。