Свойство top
Описание
Свойство top для позиционированного элемента определяет расстояние от верхнего края родительского элемента до верхнего края дочернего элемента. Отсчёт координат зависит от значения свойства position. Если оно равно absolute, в качестве родителя выступает окно браузера и положение элемента определяется от его верхнего края.
В случае значения relative, top отсчитывается от верхнего края исходного положения элемента. Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от верхнего края родителя.
Синтаксис
top: размер | проценты | auto;Пример
<!DOCTYPE html>
<html lang='ru'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>Document</title>
</head>
<body>
<style>
#bot {
width: 200px;
height: 100px;
background-color: #97dfc8;
border: 3px solid black;
position: relative;
top: 200px;
}
</style>
<div id='bot'></div>
</body>
</html>Читайте также
Свойство clear
Указывает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, то clear отме...
Свойство height
Утанавливает высоту элементов. Она не включает толщину границ вокруг элемента, значение отступов и полей....
Свойство animation-timing-function
Устанавливает функцию расчета значений между началом и концом анимации....
Свойство border-left-color
Устанавливает цвет левой границы элемента....