MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

CSS Box Model

CSS ボックスモデル は CSS のモジュールの1つで、長方形のボックスを定義します。このボックスはパディングとマージンを含んでおり、要素のために生成され、視覚整形モデルに基づきレイアウトされます。

リファレンス

CSS プロパティ

ボックス内のコンテンツフローをコントロールするプロパティ

ボックスのサイズをコントロールするプロパティ

ボックスのマージンをコントロールするプロパティ

ボックスのパディングをコントロールするプロパティ

その他のプロパティ

ガイドとツール

Box model
CSS の基礎的なコンセプトの1つである、ボックスモデルに関する説明です。マージン、パディングなどボックスの様々な領域の意味を説明します。
マージンの相殺
いくつかのケースで、2つの隣接するマージンが1つに相殺されます。この記事ではいつそれが発生し、どのようにコントロールするかを説明します。
Box-shadow generator
視覚的に影を作り、このプロパティに必要な構文を生成する、インタラクティブなツールです。

仕様

仕様 状態 コメント
CSS Basic Box Model 草案  
CSS Level 2 (Revision 1) 勧告  
CSS Level 1 勧告 初めての定義

ブラウザ互換性

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 1.0 1.0 (1.7 or earlier) 3.0 3.5 1.0 (85)
機能 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
基本サポート 1.0 1.0 (1) 6.0 6.0 1.0

ドキュメントのタグと貢献者

 このページの貢献者: sii, teoli
 最終更新者: sii,