Proprietà clientLeft dell'Elemento DOM HTML

Definizione e uso

clientLeft L'attributo restituisce la larghezza del bordo sinistro dell'elemento, espressa in pixel.

clientLeft L'attributo non include la margine interna sinistra o la margine esterna sinistra dell'elemento.

clientLeft L'attributo è readonly.

Nota:Proprietà style.borderLeftWidthRestituisce anche la larghezza del bordo sinistro dell'elemento.

Vedi anche:Tutorial del modello di riquadro CSS

Vedi anche:

Proprietà clientTop

Proprietà clientWidth

Proprietà clientHeight

Proprietà offsetLeft

Proprietà offsetTop

Esempio

Esempio 1

Mostra la larghezza del bordo superiore e sinistro di myDIV:

const elmnt = document.getElementById("myDIV");
let text = "Larghezza del bordo superiore: " + elmnt.clientTop + "px<br>";
text += "Larghezza del bordo sinistro: " + elmnt.clientLeft + "px";

Prova personalmente

Esempio 2

In questo esempio, il testo di "myDIV" è orientato da destra a sinistra e ha una barra di scorrimento:

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

Prova personalmente

Sintassi

element.clientLeft

Valore di ritorno

Tipo Descrizione
Numero La larghezza del bordo sinistro dell'elemento, espressa in pixel.

Supporto del browser

Tutti i browser supportano element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Supporto Supporto Supporto Supporto Supporto Supporto