Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Информационный Бестселлер на DVD или CD

Статьи для сайтов!!!
Главная CSS по шагам Свойства CSS Margin-bottom Margin-left

Свойство margin-bottom

Описание

Свойство margin-bottom задает расстояние (ширину отступа) от нижней границы блока до ближайших элементов или до краев окна браузера.

Это свойство применимо ко всем элементам.

Структура блока

Значение

Значение задается в единицах длины, принятых в CSS (подробнее здесь...) или в %,

- auto – автоматически задается браузером,

- inherit - принимает значение свойства родительского элемента.

Значение по умолчанию

- auto или 0


Пример

Пример - Свойство margin-bottom

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"
>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Свойство margin-bottom </title>
</head>
<body>

<p style="border:#CC0000 solid 2px; padding:5px;"> Этот абзац не имеет заданных отступов. Расстояние от него до следующего абзаца и до краев окна браузера установлено автоматически. </p>

<p style="border:#CC0000 solid 2px; padding:5px; margin-bottom:50px;"> У этого абзаца отступ от нижней его границы до следующего абзаца составляет 50 пикселей. </p>

<p style="border:#CC0000 solid 2px; padding:5px;"> Величина отступов для данного абзаца также не указана. </p>

</body>
</html>

При просмотре в браузере

Этот абзац не имеет заданных отступов. Расстояние от него до следующего абзаца и до краев окна браузера установлено автоматически.

У этого абзаца отступ от нижней его границы до следующего абзаца составляет 50 пикселей.

Величина отступов для данного абзаца также не указана.

Для строчных элементов...

Хотелось бы отметить, что свойство margin-bottom в основном применяется к блочным элементам и к тегу <img>.

О применении свойства margin-bottom к строчным элементам (подробнее здесь...).


Свойство Margin Свойство Margin-bottom Свойство Margin-left
Свойства CSS
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru