English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Основы CSS

Модель блока CSS

Основы CSS3

Референсный справочник CSS

Правила CSS (RULES)

Margin CSS (Margin)

Отступы очищают область вокруг рамки, отделяя её от других рамок.

Свойства отступа CSS

Свойства отступа CSS позволяют вам устанавливать отступы с обеих сторон рамки элемента. Отступы неbackground-color它是完全透明的.

Установка отступов для каждой стороны

Вы можете легко определить различные отступы для различных сторон элемента (например, сверху, справа, снизу или слева) с помощью отдельных свойств margin.

h1 {margin-bottom: 20px;}
p {margin-left: 10px;margin-right: 30px;}
Проверьте, как это работает‹/›

Сокращенные свойства отступов

Свойство margin - это сокращение, которое позволяет избежать отдельного установления каждого из внешних отступов: margin-top, margin-right, margin-bottom и margin-left.

h1 {margin: 0 10px;}
p {margin: 25px 50px 75px 100px;}
Проверьте, как это работает‹/›

Эта аббревиатура может содержать один, два, три или четыре значения, разделенных пробелами.

  • Если установленоОдно значението они применяются ко всем четырем сторонам.

  • Если указаноДва значения则 первый Wert применяется сверху и снизу, а второй справа и слева.

  • Если указаноТри значения则 первый Wert применяется сверху, второй справа и слева, а последний снизу.

  • Если указаноЧетыре значенияЕсли они указаны, то их применяют в указанном порядке: сверху, справа, снизу и слева.