Цикл статей «CSS учебник».
Следующая статья — «CSS внутренние отступы».
Предыдущая статья — «CSS рамка».
Посмотрите на рисунок из статьи «CSS блоковая модель». Здесь мы рассмотрим внешние отступы, то есть margin.
Внешние отступы можно задать с помощью пяти свойств: margin-top, margin-right, margin-bottom, margin-left и margin. Первые четыре свойства позволяют задать отступы сверху, справа, снизу и слева от элемента. Последнее свойство margin позволяет указать все отступы за раз, чаще всего используется именно оно.
1 2 3 4 5 6 7 8 9 10 |
.myblock1 { /* Внешний отступ сверху равен 10 пикселям, справа - 20 пикселям*/ /* снизу - 30 пикселям и слева - 40 пикселям.*/ margin: 10px 20px 30px 40px; } .myblock2 { /* Все внешние отступы устанавливаются в 5 пикселей. */ margin : 5px; } |
Цикл статей «CSS учебник».
Следующая статья — «CSS внутренние отступы».
Предыдущая статья — «CSS рамка».