Eigenschaft clientLeft

Die Eigenschaft clientLeft enthält die Breite des linken Rands (den Wert von border-left). Genauer gesagt enthält clientLeft den Wert des Abstands des inneren Teils des Elements vom äußeren. In den meisten Fällen ist clientLeft gleich border-left, aber wenn das Dokument von rechts nach links angeordnet ist (zum Beispiel Arabisch), dann kann in den Wert von clientLeft auch die Breite der Scrollleiste links einbezogen werden.

Syntax

javascriptelement.clientLeft;

Beispiel

Lassen Sie uns die Breite des linken Rands des Elements ermitteln:

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

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

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

Ergebnis der Codeausführung:

javascript10

Siehe auch