Отступы в css

Они определяют пространство вокруг элементов. Допускают использование отрицательных значений для того, чтобы создавать наложение содержимого. Все отступы (верхний, правый, нижний и левый) можно изменять независимо, используя отдельные параметры, а можно использовать параметр margin для изменения всех отступов одновременно.

Отступы заданные по умолчанию в браузерах:

Netscape и Internet Explorer — тег body имеет отступ, равный 8px. Opera вместо этого использует по умолчанию поле величиной 8px.

Таким образом, если требуется настроить отступы для всей страницы, чтобы они правильно выводились в Opera, то для body необходимо задать также поле!

Поддерживается следующими браузерами: Internet Explorer, Firefox, Netscape.

Параметр	Описание	Значения	IE	F	N	W3C
margin	Параметр для задания отступов в одном объявлении	margin-top	4	1	4	1
		margin-right
		margin-bottom
		margin-left
margin-bottom	Задает нижний отступ элемента	auto	4	1	4	1
		length
		%
margin-left	Задает левый отступ элемента	auto	3	1	4	1
		length
		%
margin-right	Задает правый отступ элемента	auto	3	1	4	1
		length
		%
margin-top	Задает верхний отступ элемента	auto	3	1	4	1
		length
		%

Отступы в css: подробное рассмотрение Параметр 'margin'

Параметр определяет все отступы в одном объявлении. Позволяет определять отрицательные значения.

Наследование: нет.

Может принимать следующие значения:

Значение	Описание
margin-top	Задают свойства отступов. Значения задаются в % (определяет отступ в % общей высоты/ширины документа), длиной (определяет фиксированный отступ) и автоматически (отступ задает браузер)
margin-right
margin-bottom
margin-left

Примеры:

p {margin: 2px}

все четыре отступа будут иметь отступ, равный 2px.

p {margin: 5px 10%}

верхний и нижний отступ будут по 5px,

левый и правый отступ будут составлять 10% общей ширины документа.

p {margin: 5px 10% -2px}

верхний отступ будет равен 5px,

левый и правый отступ будут составлять 10% общей ширины документа,

нижний отступ будет равен 2px.

p {margin: 5px 10% -2px auto}

верхний отступ будет 5px,

правый отступ будет составлять 10% общей ширины документа,

нижний отступ будет 2px, левый отступ будет задан браузером.

Параметр 'margin-bottom'

Данный параметр задает нижний отступ элемента. Позволяет определять отрицательные значения.

Наследование: нет.

Может принимать следующие значения:

Значение	Описание
Auto	Нижний отступ задает браузер
Length	Определяет фиксированный нижний отступ
%	Определяет нижний отступ в % от общей высоты документа

Примеры:

p

{

margin-bottom: 5%

}

p

{

margin-bottom: auto

}