Тег CSS margin-top: огляд, синтаксис та приклади
Встановлює відступ від верхнього краю елемента. Відступ - це відстань від зовнішнього краю верхньої межі поточного елемента до внутрішньої межі його батьківського елемента.
Синтаксис
margin-top: значення | auto | inherit
Значення
Величину верхнього відступу можна вказувати в пікселях (px), відсотках (%) або інших одиницях, що допустимі для CSS. Значення може бути як позитивним, так і від'ємним числом.
- auto
- Розрахунок розміру відступів автоматично браузером.
- inherit
- Наслідує значення батька.
Приклад
Приклад коду HTML та CSS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>margin-top</title>
<style>
div {
background: #fc3;
border: 2px solid black;
padding: 20px;
margin-top: 20%;
}
</style>
</head>
<body>
<div>
Lorem ipsum dolor sit amet...
</div>
</body>
</html>Результат цього прикладу показаний на малюнку 2.
Об'єктна модель
[window.]document.getElementById("елементID").style.marginTop
Браузери
Internet Explorer 6 у деяких випадках некоректно обчислює значення відступу, вказане в відсотках.
Internet Explorer до версії 7.0 не підтримує значення inherit.