/ Справочники / CSS3 / margin

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


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


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


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


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

Результат:


Блок с текстом и отступами