Stil sol Özellik
Örnek
Bir <button> öğesinin sol konumunu ayarlayın:
document.getElementById("myBtn").style.left = "100px";
Tanım ve Kullanım
left özelliği, konumlandırılmış bir öğenin sol konumunu ayarlar veya döndürür.
Bu özellik, dolgu, kaydırma çubuğu, kenarlık ve kenar boşluğu dahil öğenin sol konumunu belirtir.
İpucu: Konumlandırılmış öğe, konum özelliği göreli, mutlak veya sabit olarak ayarlanmış bir öğedir.
İpucu: Konumlandırılmış bir öğenin doğru konumunu ayarlamak veya döndürmek için doğru özelliği kullanın.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
left | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Sol özelliği döndür:
object.style.left
Sol özelliği ayarlayın:
object.style.left = "auto|length|%|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
auto | Lets the browser set the left position. This is default |
length | Defines the left position in length units. Negative values are allowed |
% | Sets the left position in % of the width of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | Oto |
---|---|
Geri dönüş değeri: | Konumlandırılmış bir öğenin sol konumunu temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
Bir <div> öğesinin sol konumunu ayarlayın:
document.getElementById("myDIV").style.left = "100px";
Örnek
Negatif değerler kullanma - Bir <div> öğesinin sol konumunu ayarlayın:
document.getElementById("myDIV").style.left = "-100px";
Örnek
Bir <div> öğesinin sol konumunu döndürür:
alert(document.getElementById("myDiv").style.left);
İlgili Sayfalar
CSS eğitimi: CSS Konumlandırma
CSS referansı: sol özellik
❮ Stil Nesnesi