margin | Свойство CSS - Справочник CSS3 | Делай сайт
Приветствую Вас, Гость! Регистрация
Георгиевская ленточка
Вторник, 06.12.2016
Главная » Справочник CSS3 » Свойства полей


2D & 3D ТрансформацияСвойства контента
Свойства импортаСвойства углов
Свойства границСвойства анимации
ПсевдоклассыПсевдоэлементы
Свойства размераСвойства контура
Свойства переходаСвойства печати
Свойства тениСвойства отступов
Свойства текстаСвойства колонок
Свойства полейПозиционирование
Свойства интерфейсаТипы значений
Полезные статьиСвойства списка
Свойства шрифтаСвойства таблицы
Свойства фонаВендорные префиксы



Адаптивный сайт - aTmpl


margin | Свойство CSS

Свойство margin устанавливает отступ элементу.




Свойство margin это сокращённый способ установить параметры отступов для всех четырёх сторон элемента относительно родительского элемента.Не путать со свойством padding устанавливающим отступ внутри элемента.Для более объективного сценария указывайте расширенные свойства margin.Если вы хотите применить несколько значений расширенных свойств для margin,прописывайте их через пробел,можно указать от одного до четырёх значений.Дополнительно,существует порядок установки расширенных свойств,свойства устанавливаются по часовой стрелке начиная с верхней части.
Порядок установки расширенных свойств:
1.margin-top
2.margin-right
3.margin-bottom
4.margin-left
Свойство применимо ко всем элементам,создано в версии CSS1 но проходит валидацию согласно версии CSS3.




Расширенные свойства margin


Свойство
Описание
margin-topУстанавливает отступ от верхней части родительского элемента
margin-rightУстанавливает отступ от правой части родительского элемента
margin-bottomУстанавливает отступ от нижней части родительского элемента
margin-leftУстанавливает отступ от нижней части родительского элемента


Дополнительные значения margin


Значение
Описание
0Убирает отступы у элемента,элемент вложен по значениям в родительский элемент
<Процент>Устанавливает отступ исходя из процентного соотношения с родительским элементом
<Число>Устанавливает отступ с применением числовых значений
1Одно процентное или числовое значение устанавливает отступ для всех четырёх сторон элемента относительно родителя
1 2Два числовых или процентных значения,через пробел устанавливает отступ для верхней и нижней ( первое значение ),для правой и левой ( второе значение ) сторон элемента относительно родителя
1 2 3Три числовых или процентных значения,через пробел устанавливает отступ для верхней ( первое значение ),для правой и левой ( второе значение ),для нижней ( третье значение) стороны элемента относительно родителя
1 2 3 4Четыре числовых или процентных значения,через пробел устанавливает отступ для верхней ( первое значение ),для правой ( второе значение ),для нижней ( третье значение) и для левой ( четвёртое значение ) стороны элемента относительно родителя
autoБраузер сам определяет отступ для элемента,разумеется применяйте если понимаете смысл и свойства наследования


Свойство работает в браузерах




Пример применения свойства margin



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство margin</title>
<meta charset="utf-8">
<style type="text/css">
<!--
body {
margin:0;
display:block;
position:absolute;
border:15px solid #0ba1d5;
}
div {
margin:10px 20px 30px 40px;
}
-->
</style>
</head>
<body>
<div><img src="/css/demo/img/css3_background-repeat.jpg"></div>
</body>
</html>

Пример в действии




Поэкспериментируйте сами





Русские шрифты






Источник: http://www.w3.org/TR/CSS21/box.html#propdef-margin
Категория: Свойства полей | Добавил: IZOTOP (15.04.2012) | Автор: Меренков Михаил W
Просмотров: 1453 | Теги: css, что означает, style, margin, что это | Рейтинг: 0.0/0

Вопросов / Советов / Предложений - относящихся к материалу: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]