Margin можно записывать вот так .bkock { margin: 1px 2 px 3px 4px; } Где: Либо можно всё записывать отдельно Если у элемента нет родителя, отступом будет расстояние от края элемента до края окна браузера с учетом того, что у самого окна по умолчанию тоже установлены отступы. Чтобы от них избавиться, следует устанавливать значение margin для селектора <body> равное нулю. Свойство margin позволяет задать величину отступа сразу для всех сторон элемента или определить её только для указанных сторон. Теперь поговорим про внутренний отступ padding-устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое. Padding можно записывать также как и margin .block { padding: 1px 2px 3px 4px; } Это всё тоже самое как и в margin Где: У свойства padding так же можно всё записывать и отдельно. Свойство padding позволяет задать величину поля сразу для всех сторон элемента или оп
- Сегодня поговорим про свойство margin-устанавливает величину отступа от каждого края элемента.Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента.
Margin можно записывать вот так
.bkock {
margin: 1px 2 px 3px 4px;
}
Где:
- 1px- это отступ сверху
- 2px- это отступ справа
- 3px- это отступ снизу
- 4px- это отступ слева
Либо можно всё записывать отдельно
- margin-top отступ сверху
- margin-botton отступ снизу
- margin-left отступ слева
- margin-rigth отступ справа
Если у элемента нет родителя, отступом будет расстояние от края элемента до края окна браузера с учетом того, что у самого окна по умолчанию тоже установлены отступы. Чтобы от них избавиться, следует устанавливать значение margin для селектора <body> равное нулю.
Свойство margin позволяет задать величину отступа сразу для всех сторон элемента или определить её только для указанных сторон.
Теперь поговорим про внутренний отступ padding-устанавливает значение полей вокруг содержимого элемента. Полем называется расстояние от внутреннего края рамки элемента до воображаемого прямоугольника, ограничивающего его содержимое.
Padding можно записывать также как и margin
.block {
padding: 1px 2px 3px 4px;
}
Это всё тоже самое как и в margin
Где:
- 1px- это отступ сверху
- 2px- это отступ справа
- 3px- это отступ снизу
- 4px- это отступ слева
У свойства padding так же можно всё записывать и отдельно.
- padding-top отступ сверху
- padding-botton отступ снизу
- padding-left отступ слева
- padding-rigth отступ справа
Свойство padding позволяет задать величину поля сразу для всех сторон элемента или определить поля только для указанных сторон.
На этом всё. Я вам показал отличия margina от paddinga но про padding ещё не всё поэтому выйдет ещё одна статья про это свойство.