HTML DOM clientLeft Özellik
Örnek
Bir <div> öğesinin üst ve sol kenarlığının genişliğini alın:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
clientLeft özelliği, bir öğenin sol kenarlığının genişliğini piksel olarak döndürür.
Bu özellik, öğenin sol dolgusunu veya sol kenar boşluğunu içermez.
İpucu: Bir öğenin sol kenarlığının genişliğini döndürmek için style.borderLeftWidth özelliğini de kullanabilirsiniz .
Not: Windows'ta Chrome, Firefox ve Opera için, öğenin bir kaydırma çubuğu varsa (CSS taşma özelliği tarafından ayarlanır ) ve o öğenin metin yönü sağdan solaysa (CSS yön özelliği tarafından ayarlanır), bu özellik, sol kenarlık genişliğiyle birlikte dikey kaydırma çubuğunun genişliğini içerir. Ancak IE'de "0" döndürür. Mac OS'de Safari, Chrome, Firefox veya Opera kullanarak yalnızca sol kenarlık genişliğini döndürür.
İpucu: Bir öğenin üst kenarlığının genişliğini döndürmek için clientTop özelliğini kullanın.
Bu özellik salt okunurdur.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
element.clientLeft
Teknik detaylar
Geri dönüş değeri: | Bir öğenin sol kenarlığının genişliğini piksel cinsinden temsil eden bir Sayı |
---|
Daha fazla örnek
Örnek
Bu örnekte, <div> öğesinin metin yönü sağdan soladır ve bir kaydırma çubuğuna sahiptir:
var left = document.getElementById("myDIV").clientLeft;