Справочники CSS3 padding

Информация по поводу - padding

Свойство padding задает отступы в объекте. В отличии от margin, который задает внешние отступы, padding делает отступы внутри объекта.


В качестве значения указывается значение в пикселях, процентах или других единицах измерения.


  1. Если указывать лишь одно значение, то задается отступ для всех координат: право, лево, верх и низ (padding: 50px);
  2. Если указывать два значения, то первое контролирует верхний и нижний отступ, а второе боковые отступы (padding: 50px 10px);
  3. Если указывать три значения, то первое контролирует верхний отступ, второе боковые отступы, а третье нижний отступ (padding: 50px 10px 30px);
  4. Если указывать четыри значения, то первое контролирует верхний отступ, второе - правый, третье - нижний и четвертое - левый (padding: 50px 10px 30px 10px).


Пример свойства:
div {
	padding: 5%;
	width: 90%;
	background: #A14433;
	color: #fff;
}

Результат:


Блок с текстом и отступами
Комментарии для сайта Cackle