CSS left Özelliği
CSS left
Cssleft
ö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;
Yorumlar
Yorum Gönder