HTML DOM Element clientLeft-eigenschap

Definitie en gebruik

clientLeft De eigenschap retourneert de breedte van de linkerbalk van het element, uitgedrukt in pixels.

clientLeft De eigenschap omvat geen linker binnenvulling of linker buitenmarge.

clientLeft De eigenschap is alleen lezen.

Opmerking:style.borderLeftWidth-eigenschapretourneert ook de breedte van de linkerbalk van het element.

Zie ook:CSS box model tutorial

Zie ook:

clientTop-eigenschap

clientWidth-eigenschap

clientHeight-eigenschap

offsetLeft-eigenschap

offsetTop-eigenschap

voorbeeld

Voorbeeld 1

Toon de breedte van de boven- en linkerbalk van myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";

probeer het zelf

Voorbeeld 2

In dit voorbeeld is de tekstrichting van "myDIV" van rechts naar links en het heeft een scrollbalk:

let left = document.getElementById("myDIV").clientLeft;

probeer het zelf

syntaxis

element.clientLeft

terugkeerwaarde

type beschrijving
getal De breedte van de linkerbalk van het element, uitgedrukt in pixels.

Browser ondersteuning

Alle browsers ondersteunen element.clientLeft:

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
ondersteuning ondersteuning ondersteuning ondersteuning ondersteuning ondersteuning