【雑記】marginかpaddingか
HTMLとかあまり興味がない方も多いと思うので、本当は図を付けて何を問題視しているのか示した方がわかってもらえると思うんだけど、ちょっと元気がなくて文字だけです。
うちは何かの専門ではない雑食ブログなので、その道に詳しくない人でもどんな作業なのかとか、何が問題なのかとか、どれくらい大変なのかとかいう雰囲気が伝わると良いな、とか思ってるんですがなかなかそういう風にはなりませんね。
読んでも意味がわかんない人はお断り、みたいな雰囲気にはしたくない。そんな理想を持っています。CASPAR003です、こんばんは。
ここから本題です。
CSSのブロック要素で、内容まわりに空白をとりたい場合、marginかpaddingを指定して必要な空白を確保するわけですが、どちらを使うべきか迷うことが結構あります。
イメージとしてmarginというのはブロック同士を引き離すプロパティであるのに対し、paddingというのは内容に余白を付けるプロパティです。今とろうとしている空白が、ブロックの内側なのか外側なのか、borderを付けるとしたら何処に付くべきか、考えてみるけれど結局決めかねて適当に決めてしまうことが多々あります。
簡単なケースだと段落間の空きはmarginでしょうか、paddingでしょうか。僕は何となくmarginっぽい気がしてるんだけど、あまり論理的な説明はできません。
テキストが画面の端に表示されないように余白をとるには
- bodyなどの親要素にpaddingをつける
- pなどの子要素にmarginをつける
- pなどの子要素にpaddingをつける
の3通りの方法があるわけですが、果たしてどれが良いやり方でしょう。うちでは何となくbodyにpaddingをかけたいですがやはり大した根拠はないです。
なにか一本筋の通った考え方がないか1日考えながら過ごしてみましたが何も浮かんできませんでした。机に貼ってある付箋を見ながら内容がボックスの縁にくっついてるのは美しくないよなーなんてことは思いましたけど。
MiniDiary
浪漫倶楽部
そろそろまぬけづらさんの安否が心配になってきました。GWでどっかにお出かけじゃろうか ( ・ω・)?
参考: