Свойство 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>Читайте также
Мультилассы
К любому элементу одновременно можно добавить несколько классов, перечисляя их в атрибуте class через пробел. В этом случае к элементу применяется сти...
Стиль для переключателей в неопределённом состоянии
Применяется к полям формы, содержимое которых не соответствует указанному типу. Например, для type='number' должно вводиться число, а не буквы, для ty...
Свойство animation-timing-function
Устанавливает функцию расчета значений между началом и концом анимации....
Свойство background-clip
Определяет, как фоновая картинка или цвет фона должен выводиться под границами. Эффект заметен при прозрачных или пунктирных границах....