В W3 CSS, а также в XUL/CSS? (не между CSS и XUL/CSS).
Какая разница между отступом и запасом?
Ответ 1
Заполнение - это пространство ВНУТРИ элемента (внутри границы элемента).
Маржа - это пробел OUTSIDE (Around).
Ответ 2
Я рекомендую эту статью для вас. Диаграмма из этой статьи.
Ответ 3
Заполнение - это область между контентом и границей, в то время как поле является пределами за пределами границы.
Для пояснения см. CSS box model.
Ответ 4
ОК, некоторые из этих ответов используют путаную терминологию и ошибочны.
Ширина css элемента не включает пробелы, границы или поля.
Поэтому неточно сказать, что "прокладка внутри элемента".
Правильно сказать, что "прокладка находится внутри границы элемента", а "край - вне границы элемента".
Чтобы вычислить, сколько пространства занимает поле (например, только по горизонтали):
horiz. space = width + 2(padding) + 2(border) + 2(margin)
Это меня беспокоит, когда люди говорят, что "заполнение - это пространство внутри элемента", потому что: у элемента есть отступы, у него есть граница, и у него есть маржа. Все эти материалы находятся за пределами ширины содержимого элемента и должны учитываться при расчете объема пространства, которое занимает элемент.
Если вы говорите, что "заполнение внутри элемента", то вы делаете ту же самую ошибку, что и MSIE в своей модели с разбитым ящиком, что приводит к тому, что у неисчислимых веб-дизайнеров много головных болей.
http://www.456bereastreet.com/archive/200612/internet_explorer_and_the_css_box_model/
Ответ 5
padding является частью ширины элемента. край является внешним и не является частью ширины
Вот интересная демо-версия модели, которая поможет вам понять.