Отступы в СSS

Отступы в CSS: подробное рассмотрение

Параметр 'margin'

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

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

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

Примеры:

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'

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

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

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

Примеры:

p
{ 
margin-bottom: 5%
}

p
{ 
margin-bottom: auto
}

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

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

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

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

Примеры:

p
{ 
margin-left: 2%
}

p
{ 
margin-left: -5px
}

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

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

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

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

Примеры:

p
{ 
margin-right: 2px
}

p
{ 
margin-right: 10%
}

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

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

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

Возможные значения:

Примеры:

p
{ 
margin-top: auto
}

p
{ 
margin-top: -5px
}