Различия между margin и padding в CSS
Данная статья посвящена различиям между margin и padding в CSS.
padding – это отступ от внутренней границы элемента до его содержания
border - это рамка элемента
margin – это отступ от внешней границы элемента до соседнего элемента
Значения свойств margin и padding могут быть заданы отдельно для каждой стороны, при помощи следующих свойств CSS:
margin-top, margin-right, margin-bottom, margin-left
padding-top, padding-right, padding-bottom, padding-left
margin, padding и border это все части блочной модели (Box Model)
Блочная модель выглядит так:
1. в центре находится область содержимого, контента
2. ее окружает padding
3. далее их окружает border
4. и в конце их всех окружает margin
