Свойство margin-top
устанавливает
внешний отступ сверху элемента. Значением
свойства служат любые единицы
для размеров либо ключевое свойство auto
,
предоставляющее браузеру самостоятельно вычислять
отступ элемента.
Синтаксис
селектор {
margin-top: значение;
}
Пример
Зададим блоку внешний отступ сверху в 50px
:
<div id="parent">
<div id="elem"></div>
</div>
#parent {
border: 1px solid green;
display: inline-block;
}
#elem {
margin-top: 50px;
border: 1px solid red;
width: 100px;
height: 100px;
}
:
Смотрите также
-
свойство
margin-bottom
,
которое задает внешний отступ снизу -
свойство
margin-left
,
которое задает внешний отступ слева -
свойство
margin-right
,
которое задает внешний отступ справа -
свойство
margin
,
которое является сокращением для внешнего отступа -
свойство
padding
,
которое задает внутренний отступ