paddingをまとめて書こう

  • css
  • 閲覧1450
2
.logo{
  padding: 20px 10px 20px 10px;
}


.logo{
...

///*** 無料ユーザー登録後、正常なすべてのコードが表示されます ***///

					
2020-6-1

paddingをまとめて書こう

コードの説明
指定したい値が方向ごとに異なる場合、個別で指定する方法もありますが、まとめて書くことも可能です。

値を4つスペース区切りで指定した場合、上下左右の順で適用されます。

値2つ指定した場合、上下、左右の順で適用されます。


←1〜3 上から順に時計回りに指定

←6〜8 上下、左右の順に指定