HTMLのマージンと内側マージンのパディングについて詳しく説明しています

管理者 · 掲載地 2014/10/30 16:21:55

パディングプロパティは、要素の境界と要素の内容の間の空間を定義します。

この性質は4つの値を取ることができます。

・div {padding: 50px}のように指定された値がある場合、パディングの4辺すべてが50pxとなります。
・div {padding: 50px 10px}のように2つの値を指定した場合、上下のパディングは50 px、左右のパディングは10 pxとなります。
・div {padding: 50px 10px 20px}のように3つの値を指定すると、上下パディングは50px、左右パディングは10px、下部パディングは20pxとなります。
•div {padding: 50px 10px 20px 30px}のように4つの値を指定すると、上のパディングは50 px、右側のパディングは10 px、下のパディングは20 px、左のパディングは30 pxです。

DIV CSSマージンはCSS属性のワードマージンを指し、マージンはオブジェクトの4辺を背景色も色も含めて区画するマージンです。
1. マージン構文
Margin:10px
マージンの値は数値+html単位で、自動(自動、適応型)にも対応可能です。
2. 申請構造
Div{margin:10px}
divオブジェクトの間隔を10pxに設定します
3. マージンの記述
マージンは物体の外縁とエピタキシャルエッジの間の距離です。
マージンの値が正の整数と負の整数であり、PXピクセル(左マージン:20px)などの単位を加える3つの状況があります。オートは自動属性として使えます(マージン左:オートオート); パーセンテージ(%)の値(左端:3%)でもよい。
マージン拡張(四辺の間隔属性語を別々に設定)
余白-左オブジェクト左左余白(左端-5px; 左伸縮距離 5px)
マージン-ライトオブジェクトの右マージン(マージン-ライト:5px; 右伸出距離 5px)
マージントップオブジェクト(マージントップ:5px; 上エピタクシャル距離 5px)
余白-下部オブジェクト(余白-下:5px; エピタキシャル距離の短縮 5px)

[HTML/HTML5] HTMLのマージンと内側マージンのパディングについて詳しく説明しています

関連記事

閲覧したセクション