Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство margin-top

Дата:1.10.15 в 14:08
Справочник: 

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 3.5+ 1.0+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
+ + + +

Для чего используется?

Частный случай использования свойства margin, который отвечает только за верхний отступ. Отсчет начинается от границы рассматриваемого объекта до окончания родительского или до начала соседского объекта.

Как правильно задавать?

margin-top:параметр отступов;

Какие могут быть значения?

  • auto - браузер осуществляет пересчет внешнего отступа на свое усмотрение.
  • inherit - повторяет внешний нижний отступ родителя.

Единицы измерения указанного отступа могут быть в любыми, которые поддерживается в CSS. Возможно применение отрицательных значений.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство margin-top</title>
  <style>
   .block1 {  
	margin-top: 50px;
	padding:5px;
	background: #4d80b0;
	color:#fff;
   } 
  </style>
 </head> 
 <body>   
  <div class="block1">
  Текст для примера блока, к которому присваивается внешний
 отступ. Блоку задан задний фон, рамки и центровка. 
Текст для примера блока, к которому присваивается
 внешний отступ. Блоку задан задний фон, рамки и центровка.
  </div>  
 </body>
</html>

По итогу получаем

margin-top

Оценка: 
Оценок: 2 (средняя 5 из 5)
Тип CSS свойства: 
Понравилась статья? Расскажите о ней друзьям: