Свойство left
Описание
Для позиционированного элемента определяет расстояние от левого края родительского элемента, не включая отступ, поле и ширину рамки, до левого края дочернего элемента.
Отсчёт координат зависит от значения свойства position.
Синтаксис
left: размер | проценты | 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>
.div-1 {
position: absolute;
left: 50px;
background: #fc3;
width: 300px;
margin: 7px;
border: 3px solid rgb(255, 255, 255);
}
.div-2 {
position: relative;
left: -35px;
top: 13px;
border: 3px solid black;
color: black;
padding: 5px;
margin: 7px;
background: #b5c8db;
}
</style>
<div class='div-1'>
<div class='div-2'>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Там деревни правилами себя единственное.
</div>
</div>
</body>
</html>
Далеко-далеко за словесными горами в стране, гласных и согласных живут рыбные тексты. Там деревни правилами себя единственное.
Читайте также
Свойство min-height
Устанавливает минимальную высоту элемента.<br><br>Значение высоты элемента будет вычи...
Свойство aspect-ratio
Устанавливает соотношение сторон элемента в виде отношения его ширины к высоте. aspect-ratio не о...
Свойство background-clip
Определяет, как фоновая картинка или цвет фона должен выводиться под границами. Эффект заметен пр...
Свойство border-top
Позволяет одновременно установить толщину, стиль и цвет верхней границы элемента.<br>Значен...
Свойство empty-cells
Указывает, как должна оторажаться граница или фон в ячейке, если она пустая.<br><br>Я...