Atrybut clientLeft obiektu HTML DOM Element

Definicja i użycie

clientLeft Atrybut zwraca szerokość lewego paska elementu, wyrażoną w pikselach.

clientLeft Atrybut nie obejmuje lewego wewnętrznego marginesu lub zewnętrznego marginesu.

clientLeft Atrybut jest jedynie do odczytu.

Komentarz:Atrybut style.borderLeftWidthRównież zwraca szerokość lewego paska elementu.

Zobacz również:Wykład na temat modelu ramy CSS

Zobacz również:

Atrybut clientTop

Atrybut clientWidth

Atrybut clientHeight

Atrybut offsetLeft

Atrybut offsetTop

Przykład

Przykład 1

Pokazuj szerokość górnego i lewego paska myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Szerokość paska górnego brzegu: " + elmnt.clientTop + "px<br>";
text += "Szerokość paska lewego brzegu: " + elmnt.clientLeft + "px";

Spróbuj sam

Przykład 2

W tym przykładzie, tekst "myDIV" jest kierowany od prawej do lewej, a ma on paskę przewijania:

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

Spróbuj sam

Gramatyka

element.clientLeft

Zwrócona wartość

Typ Opis
Numer Szerokość lewego paska elementu, wyrażona w pikselach.

Obsługa przeglądarek

Wszystkie przeglądarki obsługują element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane Obsługiwane