Element: clientLeft-Eigenschaft
Die Breite des linken Rands eines Elements in Pixeln. Sie umfasst die Breite der vertikalen Scrollleiste, wenn die Textrichtung des Elements von rechts nach links ist und wenn ein Überlauf eine linke vertikale Scrollleiste verursacht. clientLeft
enthält nicht den linken Außenabstand oder die linke Auffüllung. clientLeft
ist schreibgeschützt.
Hinweis: Diese Eigenschaft rundet den Wert auf eine ganze Zahl. Wenn Sie einen Bruchwert benötigen, verwenden Sie element.getBoundingClientRect()
.
Hinweis: Wenn ein Element
display: inline
hat, gibt clientLeft
0
zurück, unabhängig von der Rahmenbreite des Elements.
Wert
Eine Zahl.
Beispiele
Im folgenden Beispiel hat der Client-Bereich einen weißen Hintergrund und einen 24px breiten schwarzen border-left
. Der clientLeft
-Wert ist der Abstand von der Stelle, an der die Markierung (gelb) endet und die Bereiche Auffüllung und Inhalt (weiß) beginnen: das sind 24px.
HTML
<div id="container">
<div id="contained">
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
commodo consequat.
</p>
</div>
</div>
CSS
#container {
margin: 3rem;
background-color: rgb(255 255 204);
border: 4px dashed black;
}
#contained {
margin: 1rem;
border-left: 24px black solid;
padding: 0px 28px;
overflow: auto;
background-color: white;
}
Ergebnis
Spezifikationen
Specification |
---|
CSSOM View Module # dom-element-clientleft |
Browser-Kompatibilität
BCD tables only load in the browser