Справочник по 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

Ссылки на источники

http://msdn.microsoft.com/en-us/library/ms534140(VS.85).aspx

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

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