Ιδιότητα clientLeft

Η ιδιότητα clientLeft περιέχει το πλάτος του αριστερού περιγράμματος (τιμή border-left). Πιο συγκεκριμένα, το clientLeft περιέχει την τιμή του περιθωρίου του εσωτερικού μέρους του στοιχείου από το εξωτερικό. Στις περισσότερες περιπτώσεις, το clientLeft είναι ίσο με το border-left, αλλά αν το έγγραφο είναι διατεταγμένο από δεξιά προς τα αριστερά (για παράδειγμα, στα αραβικά), τότε στην τιμή του clientLeft μπορεί να συμπεριληφθεί και το πλάτος της γραμμής κύλισης αριστερά.

Σύνταξη

στοιχείο.clientLeft;

Παράδειγμα

Ας μάθουμε το πλάτος του αριστερού περιγράμματος του στοιχείου:

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

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

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

Αποτέλεσμα εκτέλεσης του κώδικα:

10

Δείτε επίσης

ιδιότητα clientTop,
που περιέχει το πλάτος του επάνω περιγράμματος