left :

Position: absolute olarak konumlandırılmış elementler için position: relative’li elementin left değerine göre ayarlanır.

Position: relative li elementli nesneler için ise kendi bulunduğu konumuna göre left değerini kazanır.

Örnek

div {
  border: 3px solid red;
}
.relative  {
  width: 300px;
  height: 300px;
  position: relative;
}
.absolute  {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 50%;
  top: 50%;
  margin-left: -75px;
  margin-top:-75px;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer	Açıklama
auto	Konum otomatik olarak ayarlanır.
length	Yüzdeli, px, em, cm gibi değerler alabilir.
İnital
İnherit

Tarayıcı Desteği

1.0	1.0	5.5	1.0	5.0