Свойство bottom
Описание
Устанавливает положение нижнего края содержимого элемента без учёта толщины рамок и отступов.
Отсчёт координат зависит от свойства position.
При относительном позиционировании, отсчёт ведётся от нижнего края исходного положения элемента, при абсолютном — относительно нижнего края окна браузера. Если для родительского элемента задано position: relative, то абсолютное позиционирование дочерних элементов определяет их положение от нижнего края родителя.
Синтаксис
bottom: размер | проценты | 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: 250px;
height: 200px;
background-color: #97dfc8;
border: 3px solid black;
position: absolute;
bottom: 40px;
}
</style>
<div id='bot'></div>
</body>
</html>Читайте также
Правило @supports
Правило @supports позволяет проверить, поддерживает браузер ту или иную возможность, и на основе этого создать набор стилевых правил. Допустимо создав...
Функция linear-gradient()
Функция добавляет линейный градиент к фону элемента. Она выступает значением свойства background-image или background....
Свойство backdrop-filter
Позволяет использовать визуальные эффекты. Так как это применяется ко всему за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон ...
Свойство
Устанавливает радиус скругления левого нижнего угла рамки.
Если рамка не задана, то скругление также происходит и с фоном....