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