CSS left Özelliği

CSS left

Css left özelliği ile bir html elemanının konumu içinde blunduğu kapsayıcı kutusuna göre "sol" taraftan o kadar uzaklaşacaktır.

Örnek:

Bu örnekte bir div elemanının yerleşim css kodu position:absolute; ve içinde bulunduğu büyük divin sol kenarından 100 px uzaklıkta olması için left:100px özelliği ve değeri uygulanmıştır.

div.relative { position: relative; width: 300px; height: 250px; border: 2px solid black; } div.absolute { position: absolute; left: 100px; width: auto; height: auto; border: 1px solid yellow; background-color: pink; }

CSS left nedir nasıl kullanılır

Bir html elemanının position değeri absolute veya relative ise left özelliğini kullanarak kapsayıcısı içersindeki konumu düzenlenebilir.

CSS left	CSS left özellikleri
Varsayılan Değer:	auto
Kalıtsallık:	yok
Animasyon Özelliği:	var
Versiyon:	CSS2
JavaScript left:	object.style.left="100px"

CSS left Tarayıcı Desteği

Tablodaki sayılar özelliğe destek veren ilk tarayıcı sürümlerini göstermektedir.

CSS Kodu:
left	1.0	5.5	1.0	1.0	5.0

CSS left Değerleri

left:auto|length|initial|inherit;

CSS left özelliği değerleri

CSS left değerleri	CSS left değerleri tanımları	CSS örnek uygulamalar
auto	Tarayıcı sol kenar konumunu hesaplamak sağlar. Bu varsayılan değeridir.
length	Html elemanının sol kenarı baz alarak soldan uzaklığı için değeri girilir.Negatif değerler uygulanabilir.
%	Yüzde değeri verilerek konumlandırma yapılabilir.
initial	Özelliğin varsayılan başlangıç değeridir.
inherit	Kalıtsal aldığı değerdir.