CSS基礎クイズ - ボックスモデル

content → border → padding → margin

content → padding → border → margin

padding → content → border → margin

paddingは外側の余白、marginは内側の余白

paddingは内側の余白で背景色が適用される、marginは外側の余白で背景色が適用されない

paddingとmarginは同じ意味で、どちらを使っても同じ結果になる

widthにpaddingとborderのサイズが含まれるため、実際のサイズが指定したwidthと一致する

widthにmarginのサイズが含まれるため、実際のサイズが指定したwidthと一致する

widthの指定が無効になり、要素のサイズは内容によって自動的に決まる

padding: 20px;

padding: 20px 20px 20px 20px;

padding: 20px all;

margin: 10px 20px;

margin: 20px 10px;

margin: 10px 20px 10px 20px;

ユーザー登録をすると、このクイズの解答を確認できるようになります。

解答の確認
クイズの正解・解説を確認

進捗管理
学習履歴を記録・管理

新着通知
新しい教材をお知らせ

完全無料
登録料・月額料金なし

登録は1分で完了します