пример
Установите все четыре допустимые пределы в <p> элемента:
p
{
margin: 2cm 4cm 3cm 4cm;
}
Попробуй сам " Определение и использование
Маржа сокращённое свойство устанавливает все свойства полей в одной декларации. Это свойство может иметь от одного до четырех значений.
Примеры:
- margin:10px 5px 15px 20px;
- верхнее поле 10px
- правое поле 5px
- нижнее поле составляет 15px
- левое поле 20px
- margin:10px 5px 15px;
- верхнее поле 10px
- правое и левое поля являются 5px
- нижнее поле составляет 15px
- margin:10px 5px;
- верхнее и нижнее поля являются 10px
- правое и левое поля являются 5px
- margin:10px;
- все четыре поля являются 10px
Note: Отрицательные значения разрешены.
Значение по умолчанию: | 0 |
---|---|
Наследование: | no |
Animatable: | yes, see individual properties . Read about animatable Try it |
Версия: | CSS1 |
Синтаксис JavaScript: | object .style.margin="100px 50px" Try it |
Поддержка браузеров
Числа в таблице указать первую версию браузера, которая полностью поддерживает свойство.
Имущество | |||||
---|---|---|---|---|---|
margin | 1,0 | 6.0 | 1,0 | 1,0 | 3.5 |
CSS Синтаксис
margin:length|auto|initial|inherit;
Значения свойств
Стоимость | Описание | Сыграй |
---|---|---|
length | Определяет запас в рх, пт, см и т.д. Значение по умолчанию равно 0 | Сыграй " |
% | Задает предел в процентах от ширины содержащего элемента | Сыграй " |
auto | Браузер вычисляет запас | Сыграй " |
initial | Устанавливает это свойство в значение по умолчанию. Читайте о первоначальный | Сыграй " |
inherit | Наследует это свойство от своего родительского элемента. Читайте о унаследовать |
Похожие страницы
Учебник CSS: CSS Маржа
Учебник CSS: CSS Box Model
HTML DOM ссылка: margin property