Встановлює величину відступу нижнього краю елемента. Відступом є відстань від зовнішнього краю нижньої межі поточного елемента до внутрішньої межі його батьківського елемента (рис. 1).
Мал. 1. Відступ від нижнього краю елемента
Коротка інформація
| Значення за замовчуванням | 0 |
|---|---|
| Успадковується | Ні |
| Застосовується | До всіх елементів |
| Анімується | Так |
Синтаксис
<code>margin-bottom: <розмір> | <відсотки> | auto
Позначення
| Опис | Приклад | |
|---|---|---|
| <тип> | Вказує тип значення. | <розмір> |
| A && B | Значення повинні виводитися в зазначеному порядку. | <розмір> && <колір> |
| A | B | Вказує, що потрібно вибрати лише одне значення із запропонованих (A або B). | normal | small-caps |
| A || B | Кожне значення може використовуватися самостійно або спільно з іншими у довільному порядку. | width || count |
| [ ] | Групує значення. | [ crop || cross ] |
| * | Повторювати нуль або більше разів. | [,<час>]* |
| + | Повторювати один або більше разів. | <число>+ |
| ? | Вказаний тип, слово або група не є обов'язковим. | inset? |
| {A, B} | Повторювати не менше A, але не більше B разів. | <радіус>{1,4} |
| # | Повторювати один або більше разів через кому. | <час># |
Значення
Величину нижнього відступу можна вказувати в пікселях (px), відсотках (%) або інших допустимих для CSS одиницях. Значення може бути як позитивним, так і негативним числом. dl>
Пісочниця
Вінні-Пух був завжди не проти трохи підкріпитися, особливо годин об одинадцятій ранку, бо в цей час сніданок уже давно скінчився, а обід ще й не думав починатися. І, звісно, він страшенно зрадів, побачивши, що Кролик дістає чашки та тарілки.
div { background: #e4efc7; padding: 10px; margin-bottom: <span class="playground-active">{{ playgroundValue }}px</span>; }