Полное описание иллюстрации областей бокса

Эта диаграмма изображает четыре области бокса CSS: содержимое, заполнение, рамку и поля.

Здесь четыре вложенных бокса: внутренний - содержимое, затем - заполнение, рамка и поля. Каждая область имеет свой стиль обрамления: край содержимого - тонкий и сплошной; край заполнения - тонкий и идёт точками; рамка - толстая сплошная; поля - толстые и точками.

Под боксами легенда перечисляет 4 стиля обрамления, используемые здесь.

Вернуться к изображению.