Справочник по 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
Ссылки на источники
https://msdn.microsoft.com/en-us/library/ms534152(VS.85).aspx
