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

смотрим также

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

Перейти к: навигация, поиск


Содержание

Атрибут 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

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="http://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования