CSS справочник

CSS margin, padding, размеры

CSS справочник | margin или внешнее поле

margin

— oпределяет ширину поля за пределами границы элемента:

margin: margin-top | margin-right | margin-bottom | margin-left

margin: 25px 30px 40px 80px   →   указаны ширины внешних полей (по часовой стрелке:

верхнее, правое, нижнее, левое);

margin: 0 auto   →   позволяет расположить блок по центру.

margin-top

— верхнее внешнее поле элемента:

margin-top: 20px   →   величина может быть указана в пикселях или в процентах.

margin-right

— определяет ширину правого внешнего поля:

margin-right: 40px

margin-bottom | margin-left

— определяют соответственно нижнее и левое внешнее поле.

CSS padding или внутреннее поле

padding

— определяет ширину полей между границей элемента и его содержимым:

padding: padding-top | padding-right | padding-bottom | padding-left

padding: 20px

padding-top

— определяет верхнее внутреннее поле элемента:

pading-top: 30px

padding-right | padding-bottom | padding-left

— соответственно правое, нижнее и левое внутреннее поле.

CSS размеры элементов страницы

width

— атрибут, определяющий ширину элемента:

width: 300px

height

— атрибут, определяющий высоту элемента

страницы в пикселях или в процентах:

height: 500px

Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018

CSS справочник | border   CSS margin, padding   CSS справочник | position