CSS逆引き備忘録|padding/margin

memo

スポンサーリンク

逆引き備忘録のページ*padding/margin&ショートハンド

私的な備忘録。

padding/marginの調整

ショートハンド

どうしてもすぐ忘れる。何度やってもすぐ忘れる(-_-;)
結局、一つ一つ設定したり…。使いこなしたいショートハンド…。

書く順番は 上 右 下 左 

1115_1

margin: 1px 2px 3px 4px;

※以下paddingも同様。

値を省略して書く場合。

1115_2

のようにすべてが同じ値

margin: 4px;

1115_3

のように上下と左右で同じ値の場合は、

margin: 3px(上下) 4px;(左右)

1115_4

のように左右が同じ値の場合は、

margin: 1px 4px 3px;

のように省略して書くことが出来る。

励みになります
ランキングに参加しました。
「ダウンロードしたよ。」の
応援クリック頂けると嬉しいです(#^^#)
にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村


スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする