Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : margin
смотрим также
Материал из Справочник Web-языков
Содержание |
Атрибут margin | Свойство margin
Это свойство позволяет одновременно задать ширину верхнего, нижнего, левого и правого отступов от краев объекта.
Синтаксис
HTML | { margin : sMargin } |
Скрипты | [ sMargin = ] object.style.margin |
Возможные значения
- sMargin
- Строка, которая может определять и принимать одно или несколько из следующих значений:
top Любое из диапазона возможных значений ширины отступа, доступных для свойства marginTop. right Любое из диапазона возможных значений ширины отступа, доступных для свойства marginRight. bottom Любое из диапазона возможных значений ширины отступа, доступных для свойства marginBottom. left Любое из диапазона возможных значений ширины отступа, доступных для свойства marginLeft.
У свойства есть значение по умолчанию, равное 0.0 (отступ отсутствует). Атрибут margin не наследуется.
Замечания
Свойство margin часто называют составным, так как устанавливает значения ширины отступа со всех сторон объекта.
Одновременно может быть определено до четырех значений для данного свойства:
Одно значение Ширина отступа задается одновременно для всех сторон элемента. Два значения Первое задает ширину отступа от верхнего и нижнего краев элемента, а второе - от левого и правого. Три значения Первое задает ширину отступа от верхнего края, второе - одновременно от левого и правого, третье - от нижнего. Четыре значения Значения для ширины отступов задаются по часовой стрелке, начиная с верхнего края. Порядок задания ширины: верхний, правый, нижний и левый края.
В Internet Explorer 5.5 margin применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.
По умолчанию у окна браузера также установлены отступы. Чтобы от них избавиться, надо для тэга <body> задать значение margin, равное нулю.
Величина отступа может задаваться в любых величинах, допустимых для каскадных таблиц стилей. Например, в процентах (%) или пикселях (px).
Отступы всегда прозрачны.
Примеры
Следующие примеры иллюстрируют применение свойства margin и атрибута margin для задания ширины отступов от краев объекта.
В первом примере используется атрибут margin для одновременного задания отступов от всех картинок на 1 сантиметр.
<STYLE> IMG { margin:1cm } </STYLE>
Во втором примере применяется свойство margin для установки отступов от картинки равными 5 миллиметрам при наведении на нее курсора мыши.
<IMG src="sphere.jpg" onmouseover="this.style.margin='5mm'">
Стандарты
Это свойство определено в 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/ms534140(VS.85).aspx