CSS 基本ボックスモデルは CSS のモジュールの1つで、要素に対して作成され、パディングやマージンを含む長方形のボックス定義します。視覚整形モデルによって配置されます。

リファレンス

プロパティ

ボックス内のコンテンツの流れを制御するプロパティ

ボックスの寸法を制御するプロパティ

ボックスのマージンを制御するプロパティ

ボックスのパディングを制御するプロパティ

その他のプロパティ

ガイド

CSS ボックスモデルの紹介
CSS の基礎的概念の1つである、ボックスモデルを説明します。このモデルは CSS が要素とその内容、パディング、境界線、マージン領域をどのように配置するかを定義します。
マージンの相殺の理解
2つの隣接するマージンが1つに相殺されることがあります。この記事ではいつなぜそれが発生し、どのように制御するかを説明します。
視覚整形モデル
視覚整形モデルを説明します。

仕様書

仕様書 策定状況 コメント
CSS Basic Box Model 草案  
CSS Level 2 (Revision 1) 勧告  
CSS Level 1 勧告 初回定義

ブラウザ―実装状況

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 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

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

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