Справочник по 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'">
Стандарты
Это свойство определено в 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/ms534150(VS.85).aspx