Google ve Youtube Reklamlarını Engelleyen Tarayıcı ve Uygulama İndir

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.  

Yorumlar