CSS left özelliği

Tanım ve kullanım

Left özelliği, elemanın sol kenarını belirler. Bu özellik, konumlandırılan elemanın sol dış kenarını içeren elemanın sol kenarı ile arasındaki kayma mesafesini tanımlar.

Yorum:Eğer "position" özelliğinin değeri "static" ise, "left" özelliği ayarlamak hiçbir etki yaratmaz.

Açıklama

Static elemanlar için auto; uzunluk değerleri için ilgili mutlak uzunluk; yüzdelik değerler için belirtilen değer; aksi takdirde auto.

Relatif tanımlanan elemanlar için, left hesaplanmış değeri her zaman right'e eşittir.

Daha fazla bakın:

CSS eğitim:CSS konumlandırma

HTML DOM referans el kitabı:left özelliği

Örnek

Görselin sol kenarını, içeren elemanın sol kenarından sağa 100 piksel konumuna ayarlayın:

img
  {
  position:absolute;
  left:100px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

left: auto|length|initial|inherit;

Özellik değeri

Değer Açıklama
auto Varsayılan değer. Tarayıcı tarafından sol kenarın konumu hesaplanır.
% Elemanın sol kenarını içeren yüzdelik değerle ayarlayın. Negatif değerler kullanılabilir.
length Elemanın sol kenarını px, cm gibi birimlerle ayarlayın. Negatif değerler kullanılabilir.
inherit Baba elemanın left özelliğinin değerini almalıdır.

Teknik ayrıntılar

Varsayılan değer: auto
Geçirsizlik: hayır
Sürüm: CSS2
JavaScript dilbilgisi: object.style.left="100px"

Daha fazla örnek

Görselin sol kenarını sabit değeri ile ayarlayın
Bu örnek, görselin sol kenarını sabit değeri ile nasıl ayarladığınızı gösterir.
Görselin sol kenarını yüzde ile ayarlayın
Bu örnek, görselin sol kenarını yüzde değeri ile nasıl ayarladığınızı gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 5.5 1.0 1.0 5.0