Ссылки на каскадные стили CSS - margin.
Поддержка Браузеров
Интернет эксплорер
Google Chrome
Опера
Firefox
Сафари, то есть поддерживается во всех основных браузерах.
Сокращенное свойство margin устанавливает все свойства полей в одной декларации. Свойство margin устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы выбранного элемента до внутренней границы родительского элемента. Это свойство может иметь от одного до четырех значений. Свойство margin обеспечивает краткий метод установки значений сразу нескольких свойств внешнего отступа в одном объявлении. Свойство margin может содержать от одного до четырех значений, разделяемых между собой пробелами. Если указывается более одного значения, то внешний отступ устанавливается начиная с верхней позиции и почасовой пишется значения.
Крайне интересное и полезное тут не в том, что совершается какое-то изменение какого-то участка( тега) страницы сайта. Вся удивительная и необходимая информация состоит в том, что свойство margin, которое действует через стили CSS3 самостоятельно и независимо работает даже при отключения JavaScripta в браузере Вашего компьютера. Вам не надо гадать: будет работать - не будет работать.
Синтаксис:
margin: length|auto|initial|inherit;
Описание и Использование
Значение по умолчанию: |
0 |
наследует: |
нет |
Версия: |
CSS1 |
JavaScript синтаксис: |
object.style.margin="100px" |
Свойства Значения
Значение |
Описание |
length |
Указывает фиксированнst полz в px, pt, см и др. Значение по умолчанию-0px |
% |
Указывает пределы в процентах от ширины содержащего элемент |
auto |
Браузер вычисляет поля |
initial |
Это свойство задает значение по умолчанию. |
inherit |
Наследует это свойство от своего родительского элемента. |
Пишем программу:
< !DOCTYPE>
< html>
< head>
< style>
p.rr1 {margin:2cm 4cm 3cm 4cm}
< /style>
< /head>
< body>
< p>Поля для данного абзаца не указаны.< /p>
< hr>
< p id="rr1">Поля для этого абзаца 2cm 4cm 3cm 4cm.< /p>
< hr>
< p>Поля для данного абзаца не указаны.< /p>< hr>
< /body>
< /html>
Результат программы:
Поля для данного абзаца не указаны.
Поля для этого абзаца 2cm 4cm 3cm 4cm.
Поля для данного абзаца не указаны.
ПОНРАВИЛОСЬ? ПОДЕЛИСЬ с ДРУЗЬЯМИ:
|