Vlastnost HTML DOM clientLeft
Příklad
Získejte šířku horního a levého okraje prvku <div>:
var elmnt = document.getElementById("myDIV");
var txt = "Border top width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " + elmnt.clientLeft + "px";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost clientLeft vrací šířku levého okraje prvku v pixelech.
Tato vlastnost nezahrnuje levé odsazení prvku ani levý okraj.
Tip: Můžete také použít vlastnost style.borderLeftWidth k vrácení šířky levého okraje prvku.
Poznámka: Pro Chrome, Firefox a Opera ve Windows, pokud má prvek posuvník (nastavený vlastností CSS overflow ) a pokud je směr textu tohoto prvku zprava doleva (nastavený vlastností CSS direction ), vlastnost zahrnuje šířku svislého posuvníku spolu s šířkou levého okraje. V IE však vrací "0". V systému Mac OS pomocí Safari, Chrome, Firefox nebo Opera vrací pouze šířku levého okraje.
Tip: Chcete-li vrátit šířku horního okraje prvku, použijte vlastnost clientTop .
Tato vlastnost je pouze pro čtení.
Podpora prohlížeče
Property | |||||
---|---|---|---|---|---|
clientLeft | Yes | Yes | Yes | Yes | Yes |
Syntax
element.clientLeft
Technické údaje
Návratová hodnota: | Číslo představující šířku levého okraje prvku v pixelech |
---|
Další příklady
Příklad
V tomto příkladu je směr textu <div> zprava doleva a má posuvník:
var left = document.getElementById("myDIV").clientLeft;