AJAX загрузка
home

С помощью CSS свойства margin Вы можете задать величину внешнего отступа.

Свойство margin

С помощью CSS свойства margin Вы можете задать величину отступа с внешней стороны границы элемента.

Величина отступа может быть задана в px (пикселях), в em, или в %.

Пример 

.mar1
{
margin:25px;
}
.mar2
{
margin:10px;
}
.mar3
{
margin:5px;
}
Попробовать в редакторе
Быстрый просмотр

Вы можете определять margin отдельно для каждой стороны элемента (слева, справа, сверху, снизу):

CSS блоковая модель

Пример 

/* Отступ с верхней стороны элемента равен 20, снизу 40, слева 70, а справа 
10 пикселям */
.mar1
{
margin-top:20px;
margin-bottom:40px;
margin-left:70px;
margin-right:10px;
}
Попробовать в редакторе
Быстрый просмотр

Стенографическая форма записи

Для того, чтобы сократить размер кода при задании внешнего отступа Вы можете использовать стенографическую форму записи.

Свойство margin может содержать от одного до четырех значений:

Пример 

/* Внешний отступ сверху элемента будет равен 50, справа 20, снизу 40 и слева 50 
пикселям */
.mar1
{
margin:50px 20px 40px 50px;
}
/* Внешний отступ сверху элемента будет равен 30, слева и справа 40, а снизу 50 
пикселям */
.mar2
{
margin:30px 40px 50px;
}
/* Внешний отступ сверху и снизу элемента будет равен 30, а слева и справа 50 
пикселям */
.mar3
{
margin:30px 50px;
}
Попробовать в редакторе
Быстрый просмотр

Сделайте сами

Задание 1 переместите геометрические фигуры в соответствующие им ячейки с помощью свойства margin.

Пример 

<img id='geom1' src='gimg.gif' />
<img id='geom2' src='gimg2.gif' />
<img id='geom3' src='gimg3.gif' />
<img id='geom4' src='gimg4.gif' />
Приступить к выполнению