Vlastnost clientLeft

Vlastnost clientLeft obsahuje šířku levého ohraničení (hodnotu border-left). Přesněji clientLeft obsahuje hodnotu odsazení vnitřní části prvku od vnější. Ve většině případů se clientLeft rovná border-left, ale pokud je dokument uspořádán zprava doleva (například arabština), pak hodnota clientLeft může zahrnovat i šířku pruhu posuvníku vlevo.

Syntaxe

prvek.clientLeft;

Příklad

Pojďme zjistit šířku levého ohraničení prvku:

<div id="elem"></div>

#elem {
	width: 100px;
	height: 100px;
	border: 10px solid black;
}

let elem = document.querySelector('#elem');
console.log(elem.clientLeft);

Výsledek provedení kódu:

10

Viz také

vlastnost clientTop,
která obsahuje šířku horního ohraničení