Опубликован: 31.10.2006 | Доступ: свободный | Студентов: 12223 / 4793 | Оценка: 4.35 / 4.14 | Длительность: 08:43:00
Лекция 7:

Отступы в СSS

< Лекция 6 || Лекция 7: 12 || Лекция 8 >

Отступы в 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
}
Параметр 'margin-left'

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

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

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

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

Примеры:

p
{ 
margin-left: 2%
}

p
{ 
margin-left: -5px
}
Параметр 'margin-right'

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

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

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

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

Примеры:

p
{ 
margin-right: 2px
}

p
{ 
margin-right: 10%
}
Параметр 'margin-top'

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

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

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

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

Примеры:

p
{ 
margin-top: auto
}

p
{ 
margin-top: -5px
}
< Лекция 6 || Лекция 7: 12 || Лекция 8 >
Федор Антонов
Федор Антонов

Здравствуйте!

Записался на ваш курс, но не понимаю как произвести оплату.

Надо ли писать заявление и, если да, то куда отправлять?

как я получу диплом о профессиональной переподготовке?

Илья Ардов
Илья Ардов

Добрый день!

Я записан на программу. Куда высылать договор и диплом?