Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство left

Справочник: 
Свойство

Характеристики свойства

В каких браузерах работает?

8.0+ 1.0+ 3.5+ 3.1+ 1.0+ 1.0+ 1.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- + + +

Для чего используется?

Определяет расположение объекта на странице по отношению к левой стороне. Начальная точка отсчета зависит от позиционирования объекта на странице. Если установлено относительное позиционирование, то нулевая точка для свойства left начинается от стартового расположения родителя, то есть его левый край будет начальной точкой. При абсолютном - слева от конца рабочего окна браузера.

Как правильно задавать?

left: значение;

Какие могут быть значения?

Значением может выступать любое число во всех возможных единицах измерениях, поддерживаемых в CSS. При чем, если указано отрицательное значение, то объект смещается влево и наплывает на соседний объект.

  • auto - возвращает изначальное расположение объекта.
  • inherit - копирует способ позиционирования родителя.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство left</title>
  <style>
   div {
    position: absolute;
    background: #b04d4d;
	width:150px;
	height:75px;
	left:0px;
   }
  </style>
 </head>
 <body>
  <div></div>
 </body>
</html>

По итогу получаем

left

Тип CSS свойства: 
Позиционирование