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

javascriptelemento.clientLeft;

Esempio

Scopriamo la larghezza del bordo sinistro dell'elemento:

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

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

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

Risultato dell'esecuzione del codice:

javascript10

Vedi anche