ホームページ  >  記事  >  ウェブフロントエンド  >  CSS 学習メモ: Padding 属性のパラメーターの定義と使用_Experience 交換

CSS 学習メモ: Padding 属性のパラメーターの定義と使用_Experience 交換

WBOY
WBOYオリジナル
2016-05-16 12:05:541479ブラウズ

私はいつも、CSS の Padding 属性のパラメータ数の定義について非常に混乱しています。たとえば、次のようになります。
body { padding: 32px;}
body { padding: 32px 24px; }
body { padding: 32px 24px 18px ; }
body {padding: 32px 24px 18px 12px; }

本日、Baidu は次のことを規定する CSS 標準ドキュメントを閲覧しました。
1 つだけ指定すると、次のようになります。 4 つの側面すべてに使用されます。
2 つ指定された場合、1 つ目は上下用、2 つ目は左右用です。
3 つ指定された場合、1 つ目は上部、2 つ目は左右用です。は左-右右用、3 番目は下用です。
4 つのパラメータ値がすべて指定されている場合、上-右-下-左の順序で 4 つの側面に作用します。
body {padding: 36px;} //オブジェクトの 4 辺すべてのパッチ マージンは 36px です。
body {padding: 36px 24px; }
//上辺と下辺のパッチ マージンは36px、左側と右側のパッチは 36px、マージンは 24px
body {padding: 36px 24px 18px; }
//上側と下側のパッチのマージンはそれぞれ 36px と 18px、左側と右側のパッチ マージンは 24px です。
body {padding: 36px 24px 18px 12px; }
//上、右、下、左のパッチ マージンはそれぞれ 36px、24px、18px、12px です。
マークを付けてください、忘れていました。

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