Свойство padding определяет величину отступа между границами элемента и его содержимым
Значения:
auto - определяется броузером
num - число с единицами измерения
Пример:
.p { padding : 20px; }
от каждой стороны по 20px
существует возможность задавать отступ от какой-то одной стороны: padding-top, padding-right, padding-bottom, padding-left
Пример:
.p { padding-left : 30px; }
существует краткая запись задания разных отступов от каждой стороны: padding(отступ сверху, отступ справа, отступ снизу, отступ слева)
Порядок строго как указан!
Пример:
.p { padding : 10px 30px 20px 80px; }
Свойство margin определяет величину отступа между границами элемента и соседними элементами
Значения:
auto - определяется броузером
num - число с единицами измерения
Пример:
.p { margin : 20px; }
от каждой стороны по 20px
существует возможность задавать отступ от какой-то одной стороны: margin-top, margin-right, margin-bottom, margin-left
Пример:
.p { margin-left : 30px; }
существует краткая запись задания разных отступов от каждой стороны: margin(отступ сверху, отступ справа, отступ снизу, отступ слева)
Порядок строго как указан!
Пример:
.p { margin : 10px 30px 20px 80px; }
|