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 |
---|
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 »