Справочник по 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=''">
[править] Стандарты
Это свойство определено в
[править] Поддерживаемые браузеры
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
[править] Ссылки на источники
