Esempio
Prendi la larghezza di un <div> bordo superiore e di sinistra dell'elemento:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";Il risultato di txt sarà:
Border top width: 15px
Border left width: 10px Prova tu stesso " Più "Try it Yourself" esempi di seguito.
Definizione e l'utilizzo
La proprietà ClientLeft restituisce la larghezza del bordo sinistro di un elemento, in pixel.
Questa proprietà non include padding sinistro dell'elemento o il margine sinistro.
Suggerimento: è anche possibile utilizzare la style.borderLeftWidth proprietà per restituire la larghezza del bordo sinistro di un elemento.
Nota: per Chrome, Firefox e Opera su Windows, se l'elemento ha una barra di scorrimento (fissato dal CSS di overflow proprietà), e se la direzione del testo di detto elemento è da destra a sinistra (set by the CSS direction property) , questo proprietà comprende la larghezza della barra di scorrimento verticale, insieme con la larghezza del bordo sinistro. In IE, però, restituisce "0" . In Mac OS, utilizzando Safari, Chrome, Firefox o Opera, restituisce solo la larghezza del bordo sinistro.
Suggerimento: Per riportare la larghezza del bordo superiore di un elemento, utilizzare la clientTop proprietà.
Questa proprietà è di sola lettura.
Supporto browser
| Proprietà | |||||
|---|---|---|---|---|---|
| clientLeft | sì | sì | sì | sì | sì |
Sintassi
element .clientLeftDettagli tecnici
| Valore di ritorno: | Un numero, che rappresenta la larghezza del bordo sinistro di un elemento, in pixel |
|---|
Altri esempi
Esempio
In questo esempio, la direzione del testo di <div> è da destra a sinistra, e ha una barra di scorrimento:
var left = document.getElementById("myDIV").clientLeft; Prova tu stesso "