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

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

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

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


Содержание

Атрибут margin-top | Свойство marginTop

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

Синтаксис

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

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

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

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

Замечания

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

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

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

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

Примеры

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

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

<STYLE>
    HR { margin-top:2cm }
    .margin1 { margin-top:4cm }
</STYLE>
</HEAD>
<BODY>
<HR onclick="this.className='margin1'" ondblclick="this.className=''">
</STYLE>

Во втором примере применяется свойство marginTop для изменения отступа от верхнего края объекта при двойном клике по нему.

<HR onclick="this.style.marginTop='2cm'" 
ondblclick="this.style.marginTop=''">

Стандарты

Это свойство определено в 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/ms534152(VS.85).aspx

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

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