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

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

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

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

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

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

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

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

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

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

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

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