Ultimele tutoriale de dezvoltare web
 

HTML DOM clientLeft Propery

<Element Object

Exemplu

Ia lățimea unui <div> chenarul de sus și din stânga elementului:

var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";

Rezultatul txt va fi:

Border top width: 15px
Border left width: 10px
Încearcă - l singur »

Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.


Definiție și utilizare

Proprietatea clientLeft returnează lățimea marginii din stânga a unui element, în pixeli.

Această proprietate nu include padding stanga elementului sau marginea din stânga.

Sfat: puteți utiliza , de asemenea style.borderLeftWidth proprietatea de a reveni lățimea unui element de frontieră din stânga lui.

Notă: Pentru Chrome, Firefox și Opera pe Windows, în cazul în care elementul are o bară de derulare (stabilit de CSS overflow proprietatea), iar în cazul în care direcția de text al acestui element este de la dreapta la stânga (set by the CSS direction property) , această proprietate include lățimea de defilare verticală, împreună cu lățimea de frontieră din stânga. În IE, cu toate acestea, se returnează "0" . Pe Mac OS, folosind Safari, Chrome, Firefox sau Opera, acesta returnează numai lățimea de frontieră din stânga.

Indicație: Pentru a reveni la lățimea marginii de sus a unui element, utilizați clientTop proprietate.

Această proprietate este read-only.


Suport pentru browser-

Proprietate
clientLeft da da da da da

Sintaxă

element .clientLeft

Detalii tehnice

Întoarcere Valoare: Un număr, reprezentând lățimea unui element de frontieră din stânga lui, în pixeli

Exemple

Mai multe exemple

Exemplu

În acest exemplu, direcția de text de <div> este de la dreapta la stânga, și are o bară de derulare:

var left = document.getElementById("myDIV").clientLeft;
Încearcă - l singur »

<Element Object