English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Свойство margin CSS устанавливает внешние отступы для всех четырех сторон элемента. Этоmargin-top,margin-right,margin-bottomиmargin-leftКраткое имя свойства.
Таблица показывает описание использования и историю версий этого свойства, а также синтаксис использования свойства в скриптах JavaScript.
| Значение по умолчанию: | 0 |
|---|---|
| Применяется к: | Все элементы, кроме table displayэлементам за исключением типов. table- caption table inline-table. Оно также применяется к ::first-letter. |
| Инherits: | Нет |
| Анимировано: | Да.Пожалуйста, смотрите Анимационные свойства. |
| Версия: | CSS 1, 2, 3 |
| JavaScript грамматика: | объект.style.margin="20px 15px" |
Грамматика этого свойства такая:
margin: [ length | percentage | auto ] 1 to 4 values | initial | inherit
Ниже приведен пример того, как использовать свойство margin.
h1 {
margin: 25px;
}
p {
margin: 50px 100px;
}Проверьте, посмотрите на < / >Эта сокращенная запись может быть представлена одним, двумя, тремя или четырьмя пробелами.
Если установленоОдно значение, то этот отступ применяется ко всем четырем сторонам.
Если установленоДва значенияЕсли установлены, то первый значение применяется к верху и низу, второе значение применяется к правому и левому.
Три значения соответственноПриложено к верху, горизонтальному (т.е. правому и левому) и низу.
Четыре значенияПриложено последовательно к верху, правому, низу и левому.
В таблице ниже описаны значения этого свойства.
| Значение | Описание |
|---|---|
| margin-top | Установить верхний отступ элемента. |
| margin-right | Установить правый отступ элемента. |
| margin-bottom | Установить нижний отступ элемента. |
| margin-left | Установить левый отступ элемента. |
| initial | Установить этот параметр в его значение по умолчанию. |
| inherit | Если задан, то элементы, связанные с этим, используют значения margin родительского элемента. |
Совместимость браузеров для свойств margin, числа в таблице указывают на минимальную версию браузера, поддерживающего это свойство; все основные браузеры поддерживают это свойство.
|
Пожалуйста, смотрите следующее руководство:CSS Margin,CSS Box Model.
Соответствующие свойства:margin-top,margin-right,margin-bottom,margin-left.