Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство padding

Дата:2.10.15 в 16:48
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Эта командна позваляет устанавливать внутренние отступы для объекта. Эти отступы еще могут называть полями, особенно когда речь идет об оформленнии текста. Свойство padding имеет универсальный характер, благодаря чему можно контролировать отступами во все направлениях.

Как правильно задавать?

padding:отступы;

Какие могут быть значения?

Значения для данного свойства аналогичны определению внешних отступов оператором margin:

  • Одно значение - не требуется указывание отступа для других сторон, так как все они равнозначны.
  • Два значения - первое управляет верхним и нижним отступом, а второе - правым и левым.
  • Три значения - в этом случае первое значение отвечает за интервал вверху, второе - правый и левый, а третий - соответственно, нижний отступ.
  • Четыре значения - каждое из них соответствует каждой стороне, начиная с верхней и по часовой стрелке.

Единицы измерения указанного отступа могут быть в любыми, которые поддерживается в CSS. Возможно применение параметров со знаком минус.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство padding</title>
  <style>
   div {
    background: #b5f7b3;
    border: 2px dashed #249622;  
    padding: 25px;
	text-align:justify;
   }
  </style>
 </head>
 <body>
  <div>
   Использование рыбного текста очень упрощает работу программистов сайтов.
 Это больше относится к дизайну, так как при создании первоначального макета
 веб-дизайнер должен определится, как будет выглядеть текстовая часть.
 И тут приходит на помощь рыбный текст, который экономит время.
  </div>
 </body>
</html>

По итогу получаем

padding

Оценка: 
Оценок: 1 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: