С помощью CSS свойства padding Вы можете задать величину внутреннего отступа.
ТвитнутьС помощью CSS свойства padding Вы можете задать величину внутреннего отступа.
Пример
.pad1
{
border-style:solid;
padding:20px;
}
.pad2
{
border-style:solid;
padding:10px;
}
.pad3
{
border-style:solid;
padding:5px;
}
Вы можете определять величину отступа отдельно для каждой стороны элемента (левой, правой, верхней, нижней):
Пример
/* Отступ от содержимого элемента до его верхней границы равен 30, до левой 20, до
нижней 10 и до правой 40 пикс. */
.pad1
{
padding-top:30px;
padding-left:20px;
padding-bottom:10px;
padding-right:40px;
}
Для того, чтобы сократить размер кода Вы можете определять величину отступа для каждой стороны элемента с помощью стенографической формы записи.
Свойство padding может содержать от одного до четырех значений:
Пример
/* Отступ от содержимого до границы элемента сверху будет равен 60, справа 20,
снизу 40, а слева 50 пикселям */
.pad1
{
border:2px solid;
padding:60px 20px 40px 50px;
}
/* Отступ от содержимого до границы элемента сверху будет равен 40, слева и
справа 30, а снизу 10 */
.pad2
{
border:2px solid;
padding:40px 30px 10px;
}
/* Отступ от содержимого до границы элемента сверху и снизу будет равен 40,
а слева и справа 30 */
.pad3
{
border:2px solid;
padding:40px 30px;
}
Задание 1 передвиньте геометрические фигуры в соответствующие им рамки с помощью свойства padding.
Пример
<img id='geom1' src='gimg.gif' /> <img id='geom2' src='gimg2.gif' /> <img id='geom3' src='gimg3.gif' /> <img id='geom4' src='gimg4.gif' />