Свойство MARGIN-BOTTOM

Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS1
Значение по умолчанию 0
Наследование Нет
Применяется Ко всем элементам
Аналог HTML Нет
Ссылка на спецификацию http://www.w3.org/TR/CSS21/box.html#propdef-margin-bottom

Описание

Задает величину отступа от нижнего края элемента. Отступом является расстояние от внешнего края нижней границы текущего элемента до внутренней границы его родительского элемента.

Аргументы

Величину нижнего отступа можно указывать в пикселах (px), процентах (%) или других допустимых для CSS единицах. Значение может быть как положительным, так и отрицательным числом. Аргумент auto указывает, что размер отступов будет автоматически рассчитан браузером.

Пример

Валидный HTML
Валидный CSS
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>margin-bottom</title>
<style type="text/css">
.layer1 {
 background: #008B66; /* Цвет фона */
 color: white; /* Цвет текста */
 padding: 10px; /* Поля вокруг текста */
 margin-bottom: -7px; /* Отступ снизу */
}

.layer2 {
 margin-left: 40px; /* Отступ слева */
 background: #ccc; /* Цвет фона */
 padding: 10px; /* Поля вокруг текста */
}
</style>
</head>
<body>

<div class="layer1">
<big>Новости науки</big>
</div>

<div class="layer2">
Американские ученые доказали, что многофенолы, содержащиеся в виноградной кожице и семенах, эффективны в борьбе с воздействием на зубы бактерий и инфекций и положительно влияют на здоровье полости рта.
</div>

</body>
</html>

Комментарий