Örnek
Bir genişliğini alın <div> öğenin üst ve sol sınırına:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";Txt sonucu olacaktır:
Border top width: 15px
Border left width: 10px Kendin dene " Daha "Try it Yourself" Aşağıdaki örnekler.
Tanımı ve Kullanımı
clientLeft özelliği piksel olarak, bir elementin, sol sınırının genişliği döndürür.
Bu özellik elemanın sol dolguya veya sol kenar boşluğu içermez.
İpucu: Ayrıca kullanabilirsiniz style.borderLeftWidth Bir elemanın sol sınırdan genişliğini dönmek için özellik.
Eleman bir kaydırma çubuğu varsa Windows'daki Chrome, Firefox ve Opera için, (CSS tarafından belirlenen Not: taşma özelliği) ve bu elemanın metin yönü sağdan sola ise (set by the CSS direction property) , bu özelliği birlikte sol sınır genişliği ile, dikey bir kaydırma çubuğu genişliğini içerir. IE'de, ancak döner "0" . Safari, Chrome, Firefox veya Opera kullanarak Mac OS günü, sadece sol kenarlık genişliğini döndürür.
İpucu: Bir elemanın üst sınırının genişliğini dönmek için kullanın clientTop özelliğini.
Bu özellik salt okunur.
Tarayıcı Desteği
| özellik | |||||
|---|---|---|---|---|---|
| clientLeft | Evet | Evet | Evet | Evet | Evet |
Sözdizimi
element .clientLeftTeknik detaylar
| Geri dönüş değeri: | piksel olarak bir elemanın sol sınır genişliğini temsil eden bir sayı, |
|---|
Diğer Örnekler
Örnek
Bu örnekte, metin yönü <div> Sağdan sola, ve bir scrollbar vardır:
var left = document.getElementById("myDIV").clientLeft; Kendin dene "