ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
W3CSS. Уроки для начинающих

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>
Попробуйте сами »