HTML DOM Element clientLeft ιδιότητα

Ορισμός και χρήση

clientLeft Η ιδιότητα επιστρέφει το πλάτος του αριστερού πλαισίου του στοιχείου, μείον pixel.

clientLeft Η ιδιότητα δεν περιλαμβάνει την αριστερή εσωτερική και εξωτερική απόκλιση του στοιχείου.

clientLeft Η ιδιότητα είναι μόνο για ανάγνωση.

Σημείωση:style.borderLeftWidth ιδιότηταΕπίσης επιστρέφει το πλάτος του αριστερού πλαισίου του στοιχείου.

Δείτε επίσης:Εκμάθηση CSS Box Model

Δείτε επίσης:

clientTop ιδιότητα

clientWidth ιδιότητα

clientHeight ιδιότητα

offsetLeft ιδιότητα

offsetTop ιδιότητα

Παράδειγμα

Παράδειγμα 1

Εμφάνιση του πλάτους της επάνω και αριστερού πλαισίου του myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Πλάτος επάνω πλαισίου: " + elmnt.clientTop + "px<br>";
text += "Πλάτος αριστερού πλαισίου: " + elmnt.clientLeft + "px";

Δοκιμάστε προσωπικά

Παράδειγμα 2

Σε αυτό το παράδειγμα, το κείμενο του "myDIV" είναι από δεξιά προς αριστερά και έχει γραμμή κατηφορής:

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

Δοκιμάστε προσωπικά

Γλώσσα

element.clientLeft

Αποτελεσματική τιμή

Τύπος Περιγραφή
Αριθμός Η πλάτος της αριστερού πλαισίου του στοιχείου, μείον pixel.

Υποστήριξη περιηγητή

Όλοι οι περιηγητές υποστηρίζουν element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη