padding-bottom

Функции PHP

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

Sep

2010

Синтаксис

padding-bottom: значение | inherit

Значения

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

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>padding-bottom</title>
  <style type="text/css">
   .layer {
    background: #fc3; /* Цвет фона */
    border: 2px solid #000; /* Параметры рамки */
    padding-bottom: 40px; /* Поле снизу от текста */
    padding-top: 40px; /* Поле сверху от текста */
    text-align: center; /* Выравнивание по центру */
   }
  </style>
 </head>
 <body>
  
  <div class="layer">
   Lorem ipsum dolor sit amet
  </div>
  
 </body>
</html>

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

Рис. 2