CSS/Блочная Модель: различия между версиями

Содержимое удалено Содержимое добавлено
Нет описания правки
Нет описания правки
Строка 80:
 
== Внутренние (<code>padding</code>) и внешние (<code>margin</code>) отступы ==
 
Свойство <code>padding</code> определяет расстояние от содержимого блока до его границы, а <code>margin</code> — расстояние между границами соседних элементов.
 
На внутренние отступы распространяется фоновый цвет элемента, а на внешние — нет. Внешние отступы обладают таким эффектом как схлопывание, то есть объединение значений. Внутренние и внешние отступы можно задавать либо в сокращённой форме, либо для каждой из сторон отдельно. Значения для внешних отступов могут быть отрицательными, а для внутренних — нет.
 
* <code>padding/margin-top</code> — верхний отступ (внутренний/внешний)
* <code>padding/margin-right</code> — правый отступ (внутренний/внешний)
* <code>padding/margin-bottom</code> — нижний отступ (внутренний/внешний)
* <code>padding/margin-left</code> — левый отступ (внутренний/внешний)
* <code>padding/margin</code> — отступ (внутренний/внешний) (сокращённая форма)
 
== Границы (<code>border/outline</code>) элемента ==