СВОЙСТВА TOP, RIGHT, BOTTOM И LEFT
Свойства top и bottom позволяют позиционировать элемент по вертикали сверху и снизу соответственно, а left и right по горизонтали слева и справа соответственно. Для того чтобы позиционировать элемент, у него свойство position должно иметь значения absolute, fixed, либо relative.
Поддержка браузеров
Синтаксис
top: auto|единицы измерения|проценты|initial|inherit right: auto|единицы измерения|проценты|initial|inherit bottom: auto|единицы измерения|проценты|initial|inherit left: auto|единицы измерения|проценты|initial|inherit
Значения свойства
| Значение | Описание |
|---|---|
| auto | Указывает на то что браузер должен самостоятельно высчитать позицию элемента. Это значение по умолчанию. |
| единицы измерения | Определяет позицию от соответствоющего края в единицах измерения. Допускаются негативные значения. |
| проценты | Определяет позицию от соответствоющего края в процентах. Негативные значения не допускаются. |
| initial | Устанавливает значение по умолчанию. |
| inherit | Унаследует значение свойства от родительского элемента. |
Песочница
<div class="block"> </div>HTML
.block {
border: 1px solid black;
background: yellow;
height: 30px;
width: 30px;
position: absolute;
top: 70px;
left: 150px
}
CSS