padding

Общая информация

С помощью данного свойства задаются пустые поля (внутренние отступы) внутри самого элемента.

Значения и синтаксис

padding: [величина || %]

padding: [величина || % || auto]

Значения могут задаваться в числах, процентах или других величинах, используемых в css. Если отступы заданы в процентах, то расчет будет вестись от размера родительского контейнера.

Количество значений может быть от одного до четырёх. См. таблицу ниже.

Количество значений	Описание
1	Пустые поля со всех четырёх сторон внутри элемента будут одинаковыми
2	Первое значение задаёт пустые поля сверху и снизу, второе - справа и слева
3	Первое значение задаёт пустое поле сверху, второе - одинаковое справа и слева, третье - снизу
4	Первое значение - сверху, второе - справа, третье - снизу, четвёртое - слева

Примеры

Пример 1.

css:

<style>
.content {
padding: 15px; /* Пустые поля внутри блока */
border: 3px dashed #000000; /* Цвет рамки блока */
background: #f0f0ee; /* Цвет фона */
}
</style>

  <style>
   .content {
    padding: 15px; /* Пустые поля внутри блока */
    border: 3px dashed silver;  /* Параметры рамки */
    background: #d7d3cb; /* Цвет фона */
   }
  </style>

html:

<div class="content">
Персональный компьютер, ПК (англ. personal computer, PC), ПЭВМ (персональная электронно-вычислительная машина) — компьютер, предназначенный для эксплуатации одним пользователем. К ПК условно можно отнести также и любой другой компьютер, используемый конкретным человеком в качестве своего личного компьютера. Подавляющее большинство людей используют в качестве ПК настольные и различные переносные компьютеры.
</div>

<div class="content">  
Персональный компьютер, ПК (англ. personal computer, PC), ПЭВМ (персональная электронно-вычислительная машина) — компьютер, предназначенный для эксплуатации одним пользователем. К ПК условно можно отнести также и любой другой компьютер, используемый конкретным человеком в качестве своего личного компьютера. Подавляющее большинство людей используют в качестве ПК настольные и различные переносные компьютеры.
</div>

Результат:

Персональный компьютер, ПК (англ. personal computer, PC), ПЭВМ (персональная электронно-вычислительная машина) — компьютер, предназначенный для эксплуатации одним пользователем. К ПК условно можно отнести также и любой другой компьютер, используемый конкретным человеком в качестве своего личного компьютера. Подавляющее большинство людей используют в качестве ПК настольные и различные переносные компьютеры.

Добавить комментарий