W3.CSS Padding / Внутрішній відступ
w3-padding-large
У мене 12px верхній і нижній відступи та 24px лівий і правий відступи.
W3.CSS Числові класи відступу
Класи w3-padding-число додають верхній та нижній відступи до будь-якого елементу HTML:
| Клас | Визначає |
|---|---|
| w3-padding-16 | Додає верхній та нижній відступ 16px до елементу |
| w3-padding-24 | Додає верхній та нижній відступи 24px до елементу |
| w3-padding-32 | Додає верхній та нижній відступи 32px до елементу |
| w3-padding-48 | Додає верхній та нижній відступи 48px до елементу |
| w3-padding-64 | Додає верхній та нижній відступи 64px до елементу |
Приклади:
w3-padding-16
У мене 16px верхній та нижній відступ
w3-padding-24
У мене 24px верхній та нижній відступ
w3-padding-32
У мене 32px верхній та нижній відступ
w3-padding-48
У мене 48px верхній та нижній відступ
w3-padding-64
У мене 64px верхній та нижній відступ
Приклад
<div class="w3-panel w3-padding-16">
<p>У мене 16px верхній та нижній відступ.</p></div>
Спробуйте самі »
W3.CSS Класи розміру відступу
Класи w3-padding-розмір додають верхній, нижній, правий і лівий відступи до будь-якого елементу HTML:
| Клас | Визначає |
|---|---|
| w3-padding | Додає 8px зверху і знизу та 16px зліва і справа. |
| w3-padding-small | Додає 4px зверху і знизу та 8px зліва і справа. |
| w3-padding-large | Додає 12px зверху і знизу та 24px зліва і справа. |
Приклади:
w3-padding-small
У мене 4px верхній і нижній відступи та 8px лівий і правий відступи.
w3-padding
У мене 8px верхній і нижній відступи та 16px лівий і правий відступи.
w3-padding-large
У мене 12px верхній і нижній відступи та 24px лівий і правий відступи.
Приклад
<div class="w3-panel w3-padding-large">
<p>У мене 12px верхній і нижній відступи та 24px лівий і правий відступи.</p></div>
Спробуйте самі »
