HTML DOM Element clientLeft-Eigenschaft

Definition und Verwendung

clientLeft Die Eigenschaft gibt die Breite der linken Rahmenkante des Elements in Pixel zurück.

clientLeft Die Eigenschaft beinhaltet keine linken Innenabstand oder linken Außenabstand des Elements.

clientLeft Die Eigenschaft ist schreibgeschützt.

Anmerkung:style.borderLeftWidth-EigenschaftGibt auch die Breite der linken Rahmenkante des Elements zurück.

Siehe auch:CSS-Box-Modell-Tutorial

Siehe auch:

clientTop-Eigenschaft

clientWidth-Eigenschaft

clientHeight-Eigenschaft

offsetLeft-Eigenschaft

offsetTop-Eigenschaft

Beispiel

Beispiel 1

Zeige die Breite der oberen und linken Rahmenkante von myDIV an:

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

Selbst ausprobieren

Beispiel 2

In diesem Beispiel ist der Textfluss von "myDIV" von rechts nach links und es gibt einen Rollbalken:

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

Selbst ausprobieren

Syntax

element.clientLeft

Rückgabewert

Typ Beschreibung
Zahl Die Breite der linken Rahmenkante des Elements, in Pixel angegeben.

Browser-Unterstützung

Alle Browser unterstützen element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützt Unterstützt Unterstützt Unterstützt Unterstützt Unterstützt