Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Расположение и границы : margin-right
Материал из Справочник Web-языков.
Содержание |
[править] Атрибут margin-right | Свойство marginRight
Это свойство позволяет задать ширину отступа от правого края объекта.
[править] Синтаксис
| HTML | { margin-right : sWidth } |
| Скрипты | [ sWidth= ] object.style.marginRight |
[править] Возможные значения
- sWidth
- Строка, которая может определять и принимать одно или несколько из следующих значений:
auto Значение по умолчанию. Ширина отступов от левого и правого краев объекта одинакова. height Задается вещественным числом. Можно использовать как абсолютные единицы измерения (cm, mm, in, pt, или pc), так и относительные (em, ex, или px). percentage Задается целочисленно в процентах (%). Высота отступа будет равна части (в процентах) от ширины родительского элемента.
У свойства есть значение по умолчанию, равное auto. Атрибут margin-right не наследуется.
[править] Замечания
В Internet Explorer 5.5 margin-right применяется для строковых объектов. В ранних версиях Windows Internet Explorer строковые объекты должны были быть описаны с помощью position: absolute, чтобы использовать это свойство. Формат элемента устанавливается путем задания значений свойствам height и width.
Свойство margin-right может задаваться отрицательным числом.
Отступы всегда прозрачны.
[править] Примеры
Следующие примеры иллюстрируют применение свойства margin-right и атрибута marginRight для задания отступа от правого края объекта.
В первом примере используется атрибут margin-right для изменения отступа от правого края изображения при клике или двойном клике.
<STYLE>
IMG { margin-right:1cm }
.margin1 { margin-right:2cm }
</STYLE>
</HEAD>
<BODY>
<IMG src="sphere.jpg" onclick="this.className='margin1'"
ondblclick="this.className=''">
Во втором примере применяется свойство marginRight для задания отступа от правого края изображения на 1 сантиметр при клике мышью по нему.
<IMG src="sphere.jpeg" onclick="this.style.marginRight='1cm'">
[править] Стандарты
Это свойство определено в
[править] Поддерживаемые браузеры
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