Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : margin-bottom

Материал из Справочник Web-языков.

Содержание 1 Атрибут margin-bottom | Свойство marginBottom 2 Синтаксис 3 Возможные значения 4 Замечания 5 Примеры 6 Стандарты 7 Поддерживаемые браузеры 8 Смотри также 9 Ссылки на источники

[править] Атрибут margin-bottom | Свойство marginBottom

Это свойство позволяет задать высоту отступа от нижнего края объекта.

[править] Синтаксис

HTML	{ margin-bottom : sHeight }
Скрипты	[ sHeight = ] object.style.marginBottom

[править] Возможные значения

sHeight

Строка, которая может определять и принимать одно или несколько из следующих значений:

auto	Значение по умолчанию. Высота отступа от нижнего и верхнего краев объекта одинакова.
height	Задается вещественным числом. Можно использовать как абсолютные единицы измерения (cm, mm, in, pt, или pc), так и относительные (em, ex, или px).
percentage	Задается целочисленно в процентах (%). Высота отступа будет равна части (в процентах) от высоты родительского элемента.

У свойства есть значение по умолчанию, равное auto. Атрибут margin-bottom не наследуется.

[править] Замечания

В Internet Explorer 5.5 margin-bottom применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.

Свойство margin-bottom может задаваться отрицательным числом.

Для строковых объектов значение этого свойства используется также для вычисления граничной зоны (border area) для соседних строковых объектов, если таковые присутсвуют.

Отступы всегда прозрачны.

[править] Примеры

Следующие примеры иллюстрируют применение свойства margin-bottom и атрибута marginBottom для задания отступа от нижнего края объекта.

В первом примере используется атрибут margin-bottom для задания отступа от нижнего края изображения на 2 сантиметра.

<STYLE>
    IMG { margin-bottom:2cm }
</STYLE>

Во втором примере применяется свойство marginBottom для задания отступа от нижнего края изображения на 1 сантиметр при наведении на него курсора мыши.

<IMG src="sphere.jpg"onmouseover="this.style.marginBottom='1cm'">

[править] Стандарты

Это свойство определено в Cascading Style Sheets (CSS), Level 1 (CSS1)

[править] Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

[править] Смотри также

CSS Length Units Reference, CSS Enhancements in Internet Explorer 6

[править] Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms534142(VS.85).aspx

https://developer.mozilla.org/en/CSS/margin-bottom