🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中!

\teratail特別グッズやAmazonギフトカード最大2,000円分が当たる!/

詳細はこちら
CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

3回答

1715閲覧

CSSリセット時にbodyのpaddingを0にする必要ってあるのでしょうか?

murabito

総合スコア108

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2021/03/09 03:05

質問内容

CSSでベースのスタイルを要素セレクターなどに設定する際に、bodyのmarginを0にするのはわかるのですが、bodyのpaddingも0にしているコードを度々見かけます。

bodyにブラウザーのデフォルトの設定で、paddingってついていることってあるのでしょうか?

いまいち、bodyのpaddingも0リセットしているコードをみかけた時に、その必要性がわかりません。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2021/03/09 03:52

何にしても、その必要があるかないかは要件によります。
guest

回答3

0

今だけじゃなくて…
「これから仕様が変更されることがあるかもしれないけど何されてもリセットできるように」
書かれてるんじゃないかなぁ、ふとそう思いました。

投稿2021/03/09 03:27

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

あまり考えた事無かったので調べてみた限りですが、リファレンスの内容が個人的には解の一つになるかと。

####【パディングについて】

body要素にマージンを設定する場合は、同時に padding: 0 を指定しておくことをお勧めします。(一部のブラウザで余白の大きさが異なってしまうのを避けるため)

css

body {
margin: 10px;
padding: 0;
}

投稿2021/03/09 03:36

編集2021/03/09 03:38
K_3578

総合スコア1282

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

ベストアンサー

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

murabito

2021/03/09 09:49

ブラウザー毎のスタイルシートまとめ参考になりました!どの主要ブラウザーもpaddingはbodyについてないですね。
murabito

2021/03/09 09:51

2つ目のリンク先の「For each property in the table below, given a body element, the first attribute that exists maps to the pixel length property on the body element. If none of the attributes for a property are found, or if the value of the attribute that was found cannot be parsed successfully, then a default value of 8px is expected to be used for that property instead.」の通りですね!なるほど!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.36%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問