Slyweb
На разработку сайта! Скидки 50%!
Поиск CSS свойств и HTML элементов:
поиск



Все CSS свойства и HTML элементы справочника
margin-top

Общие сведения

Свойство margin-top является одним из 5 существующих в CSS свойств, устанавливающих внешние отступы элемента:

  1. margin-top;
  2. margin-right;
  3. margin-bottom;
  4. margin-left;
  5. margin

В этом пример устанавливается отступ, высотой 50px, от верхней границы элемента BODY для элементов P и DIV.

  1.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
  2.<HTML>
  3.<HEAD>
  4.<link rel="stylesheet" type="text/css" href="style.css" />
  5.<TITLE>Пример свойства margin-top</TITLE>
  6.<STYLE type="text/css">
  7./* Отступы в CSS */
  8.P, DIV { margin-top:50px; }
  9.</STYLE>
10.</HEAD>
11.<BODY >
12.<p>Алкоголизм — это порождение
13.варварства — мертвой хваткой держит человечество со времен седой и
14.дикой старины и собирает с него чудовищную дань, пожирая, подрывая
15.силы, подавляя энергию, губя лучший цвет рода людского.
16.Джек Лондон.
17.</p>
18.</BODY>
19.</HTML>
20.
Отступы в CSS - свойство margin-top
Отступы в CSS - свойство margin-top

В этом пример устанавливается отступ от верха элемента размером 100px.

  1.<!DOCTYPE html>
  2.<html>
  3.<head>
  4.<style type="text/css">
  5.div#test {
  6.margin-top:100px;
  7.}
  8.</style>
  9.</head>
10.<body id="test" class="test" id="test">
11.<DIV id="test">
12.Ничего нет внутри у людей, вечно выставляющих все наружу. Оноре де Бальзак.
13.</DIV>
14.
15.
16.</body>
17.</html>
18.
Отступы в CSS - свойство margin-top
Отступы в CSS - свойство margin-top


Доступ и установка с jQuery

  • Получить свойство marginTop: val = $("div").css("marginTop");
  • Установить свойство marginTop: $("div").css({"marginTop":"..."});
  • Установить свойство marginTop: $("div").css("marginTop","...");
  • Как использовать популярный jQuery для свойств CSS, - читайте статью "jQuery для начинающих".
Александр Ермаков. Хостинг - www.pwstudio.org