W3.CSS заполнение
w3-заполнение-большой
У меня есть 12 пикселей сверху и снизу и 24 пикселя слева и справа.
Классы чисел заполнения W3.CSS
Классы w3-padding- number добавляют верхний и нижний отступы к любому элементу HTML:
| Класс | Определяет |
|---|---|
| w3-заполнение-16 | Добавляет 16 пикселей сверху и снизу к элементу. |
| w3-заполнение-24 | Добавляет верхний и нижний отступ в 24 пикселя к элементу |
| w3-заполнение-32 | Добавляет верхний и нижний отступы по 32 пикселя к элементу. |
| w3-заполнение-48 | Добавляет верхний и нижний отступы по 48 пикселей к элементу. |
| w3-заполнение-64 | Добавляет верхний и нижний отступы по 64 пикселя к элементу. |
Примеры:
w3-заполнение-16
У меня есть верхнее и нижнее заполнение 16 пикселей.
w3-заполнение-24
У меня есть верхнее и нижнее заполнение 24 пикселя.
w3-заполнение-32
У меня есть верхний и нижний отступы по 32 пикселя.
w3-заполнение-48
У меня есть верхний и нижний отступы 48 пикселей.
w3-заполнение-64
У меня есть верхний и нижний отступы 64px
Пример
<div class="w3-panel w3-padding-16">
<p>I have 16px top and bottom padding.</p>
</div>
Классы размера заполнения W3.CSS
Классы размера w3-padding добавляют верхний, нижний, правый и левый отступ к любому элементу HTML:
| Класс | Определяет |
|---|---|
| w3-заполнение | Добавляет отступы по 8 пикселей сверху и снизу и по 16 пикселей слева и справа. |
| w3-заполнение-маленький | Добавляет отступы по 4 пикселя сверху и снизу и по 8 пикселей слева и справа. |
| w3-заполнение-большой | Добавляет отступы по 12 пикселей сверху и снизу и по 24 пикселя слева и справа. |
Примеры:
w3-заполнение-маленький
У меня есть верхнее и нижнее заполнение 4px и левое и правое заполнение 8px.
w3-заполнение
У меня есть верхнее и нижнее заполнение 8px и левое и правое заполнение 16px.
w3-заполнение-большой
У меня есть 12 пикселей сверху и снизу и 24 пикселя слева и справа.
Пример
<div class="w3-panel w3-padding-large">
<p>I have 12px top and bottom padding and 24px left and right padding.</p>
</div>