忍者ブログ

[PR]

2020年07月09日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

Yahoo!ブックマークに登録
このエントリーをはてなブックマークに追加

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

paddingとmarginの使い分け方

2009年12月04日

たくさんの方にこの情報を広められるように、ぜひソーシャルブックマークお願いします。
下のボタンをクリックすると、共有できます。

Yahoo!ブックマークに登録
このエントリーをはてなブックマークに追加

同じ余白を設定するCSSですが、どちらを使うか迷ってしまう場合があります。そんな時は、次の基準で使い分けてみてください。

・divに背景色を設定する場合
・divに背景画像を設定する場合
・divにボーダー(枠)をつける場合

例えば、このブログの一番上に青いグラデーションと見出しが書いてある部分があります。

この青いグラデーションの部分はdivに背景画像を設定しているのですが、
「もしもドロップシッピングで稼ぐ方法【副業】
もしもドロップシッピング」で、どうやって稼ぐのかを公開します。」の文字をの周りに余白をつけたいのでpaddingで指定しています。

この記事の周りにある枠はボーダーをつけていて、その外側に余白をつけたいのでmarginで設定しています。

このように、時と場合に合わせて使い分けてみてください。

PR

応援クリックお願いします。
ブログランキング・にほんブログ村へ  人気ブログランキングへ  FC2ブログランキング

カテゴリー

独自ドメイン

アーカイブ

最新記事

最古記事

RSS

ブログ内検索

バーコード

リンク

アクセス解析