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


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



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


margin-top | Свойство CSS

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




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




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


Значение
Описание
<Процент>Устанавливает отступ исходя из процентного соотношения с родительским элементом
<Число>Устанавливает отступ с применением числовых значений
autoБраузер сам определяет отступ для элемента,разумеется применяйте если понимаете смысл и свойства наследования
inheritУстанавливает отступ исходя из значений родительского элемента


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




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



<!DOCTYPE html>
<html lang="ru">
<head>
<title>Свойство margin-top</title>
<meta charset="utf-8">
<style type="text/css">
<!--
body {
margin:0;
display:block;
position:absolute;
border:15px solid #0ba1d5;
}
div {
margin-top:30px;
}
-->
</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-top
Категория: Свойства полей | Добавил: IZOTOP (15.04.2012) | Автор: Меренков Михаил E W
Просмотров: 899 | Теги: css, что означает, style, margin-top, что это | Рейтинг: 0.0/0

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

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