Proprietà clientLeft
La proprietà clientLeft contiene la larghezza
del bordo sinistro (valore border-left).
Più precisamente clientLeft contiene il valore del margine
della parte interna dell'elemento rispetto a quella esterna. Nella maggior parte dei
casi clientLeft è uguale a border-left, ma
se il documento è disposto da destra a sinistra
(ad esempio, la lingua araba), allora nel valore
clientLeft può essere inclusa anche la larghezza della barra
di scorrimento a sinistra.
Sintassi
elemento.clientLeft;
Esempio
Scopriamo la larghezza del bordo sinistro dell'elemento:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.clientLeft);
Risultato dell'esecuzione del codice:
10
Vedi anche
-
proprietà
clientTop,
che contiene la larghezza del bordo superiore