[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Общая информация » Вопросы по uCoz » Как установить отступы и поля за границами элемента?
Как установить отступы и поля за границами элемента?
RedStarДата: Пятница, 15.08.2014, 16:05 | Сообщение # 1
Полковник
Группа: Администраторы
Сообщений: 170
Репутация: 0
Статус: Offline
CSS атрибуты и значения, определяющие margin элемента

Ниже схематически показано пространство, которое занимает атрибут margin:

Атрибут margin определяет пространство за пределами границы элемента.Код примера:


Код
<head>
<title>CSS margin или внешнее поле элемента</title>   
<style type="text/css">
body {margin: 0; padding: 0}   
.m {
margin: 55px;
border: 1px solid #f25100;
padding: 45px;
}
</style>
</head>
<body>
<div class="m">Единственный урок, который можно извлечь из истории, состоит в том, что люди не извлекают из истории никаких уроков
<blockquote>Шоу Джордж Бернард (1856-1950)</blockquote>
</div>
</body>
</html>


Атрибуты и значения

body {margin:0; padding:0} – отменяет внешние и внутренние поля документа, которые устанавливаются по умолчанию.
margin:55px – определяет ширину внешнего поля блока по перимeтру.
padding:45px – определяет ширину внутреннего поля блока.
border:1px solid #f25100 – определяет свойства границы блока.

CSS margin соединяет в себе параметры:
margin-top
margin-right
margin-bottom
margin-left
Часто используется такая запись: margin: 20px 50px 30px 50px, где первое значение соответствует margin-top, второе → margin-right, третье → margin-bottom, а четвертое → margin-left (по часовой стрелке, начиная сверху).
 
Форум » Общая информация » Вопросы по uCoz » Как установить отступы и поля за границами элемента?
Страница 1 из 11
Поиск:


Copyright "IPC" © 2008
Хостинг от uCoz