Style left özelliği
- Önceki sayfa justifyContent
- Sonraki sayfa letterSpacing
- Bir üst seviyeye dön HTML DOM Style Nesnesi
Tanım ve Kullanım
left
Konumlandırma elementinin sol konumunu ayarlamak veya döndürmek için kullanılır.
Bu özellik, elementin sol konumunu, iç boşluk, kaydırma çubuğu, kenar çizgisi ve dış marj dahil olmak üzere belirler.
İpucu:Konumlandırma elementi, position özelliği şu şekilde ayarlanmışsarelative
veabsolute
veya fixed
elementlerini kullanın.
İpucu:Konumlandırma elementinin sağ konumunu ayarlamak veya döndürmek için right özelliği.
Ayrıca bkz.:
CSS Eğitimi:CSS Konumlandırma
CSS Referans Kılavuzu:left özelliği
Örnek
Örnek 1
<button> elementinin sol konumunu ayarla:
document.getElementById("myBtn").style.left = "100px";
Örnek 2
<div> elementinin sol konumunu ayarla:
document.getElementById("myDIV").style.left = "100px";
Örnek 3
Negatif değer kullanarak - <div> elementinin sol konumunu ayarla:
document.getElementById("myDIV").style.left = "-100px";
Örnek 4
<div> elementinin sol konumunu döndür:
alert(document.getElementById("myDiv").style.left);
Gramer
left özelliğini döndür:
nesne.style.left
left özelliğini ayarla:
nesne.style.left = "auto|length|%|initial|inherit"
Özellik değeri
Değer | Açıklama |
---|---|
auto | Tarayıcı sol konumu ayarlar. Öntanımlı. |
length | Uzunluk birimiyle sol konum tanımlar. Negatif değerlere izin verilir. |
% | Ebeveyn elementinin genişliğinin yüzdesiyle sol konum belirler. |
initial | Bu özelliği öntanımlı değerine ayarlar. Görünüm: initial. |
inherit | Bu özelliği ebeveyn elementinden miras alır. Görünüm: inherit. |
Teknik ayrıntılar
Öntanımlı değer: | auto |
---|---|
Dönüş değeri: | Dizge, konumlandırma elementinin sol konumunu belirtir. |
CSS Sürümü: | CSS2 |
Tarayıcı desteği
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Destek | Destek | Destek | Destek | Destek |
- Önceki sayfa justifyContent
- Sonraki sayfa letterSpacing
- Bir üst seviyeye dön HTML DOM Style Nesnesi