Proprietà HTML DOM clientLeft
Esempio
Ottieni la larghezza del bordo superiore e sinistro di un elemento <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Altri esempi "Provalo da solo" di seguito.
Definizione e utilizzo
La proprietà clientLeft restituisce la larghezza del bordo sinistro di un elemento, in pixel.
Questa proprietà non include il riempimento sinistro dell'elemento o il margine sinistro.
Suggerimento: puoi anche utilizzare la proprietà style.borderLeftWidth 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 (impostata dalla proprietà CSS overflow ) e se la direzione del testo di quell'elemento è da destra a sinistra (impostata dalla proprietà CSS direction ), questo include la larghezza della barra di scorrimento verticale, insieme alla larghezza del bordo sinistro. In IE, tuttavia, restituisce "0". Su Mac OS, utilizzando Safari, Chrome, Firefox o Opera, restituisce solo la larghezza del bordo sinistro.
Suggerimento: per restituire la larghezza del bordo superiore di un elemento, utilizzare la proprietà clientTop .
Questa proprietà è di sola lettura.
Supporto browser
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Sintassi
element.clientLeft
Dettagli 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;