padding-bottom

Содержание

Устанавливает значение поля от нижнего края содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое (рис. 1).

Рис. 1. Поле снизу от текста

Рис. 1. Поле снизу от текста

Краткая информация

Значение по умолчанию0
НаследуетсяНет
ПрименяетсяКо всем элементам

Синтаксис

padding-bottom: [<размер> | <проценты>]

Значения

Величину нижнего поля можно указывать в пикселях (px), процентах (%) или других допустимых для CSS единицах. При указании поля в процентах, значение считается от ширины родителя элемента.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>padding-bottom</title>
  <style>
   .layer {
    background: #fc3; /* Цвет фона */
    border: 2px solid #000; /* Параметры рамки */
    padding-bottom: 40px; /* Поле снизу от текста */
    padding-top: 40px; /* Поле сверху от текста */
    text-align: center; /* Выравнивание по центру */
   }
  </style>
 </head>
 <body>
  <div class="layer">
   Фотосинтетический бромид серебра: предпосылки и развитие
  </div>
 </body>
</html>

Результат данного примера показан на рис. 2.

Применение свойства padding-bottom

Рис. 2. Применение свойства padding-bottom

Объектная модель

Объект.style.paddingBottom

Спецификация

СпецификацияСтатус
CSS Basic Box ModelРабочий проект
CSS TransitionsРабочий проект
CSS Level 2 (Revision 1)Рекомендация
CSS Level 1Рекомендация

Браузеры

Internet ExplorerChromeOperaSafariFirefox
413.511
AndroidFirefox MobileOpera MobileSafari Mobile
1141




Рекомендую хостинг: beget.ru

Сервер падал:6 дн. 3:32 назад.

Посещений в месяц:205640

Посещений в день:100


+7 (951) 527 0204

+7 (928) 103 4987

programmer@niesoft.ru