Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Element: clientLeft-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
DieclientLeft schreibgeschützte Eigenschaft desElement-Interfaces gibt die Breite des linken Randes eines Elements in Pixel zurück. Sie umfasst die Breite der vertikalen Bildlaufleiste, wenn die Textrichtung des Elements von rechts nach links ist und wenn ein Überlauf eine linke vertikale Bildlaufleiste erzeugt.clientLeft enthält nicht den linken Rand oder das linke Padding.
Hinweis:Wenn ein Elementdisplay: inline hat, gibtclientLeft unabhängig vom Rand des Elements0 zurück.
Wert
Ein ganzzahliger Wert.
Beispiele
Im folgenden Beispiel hat der Client-Bereich einen weißen Hintergrund und eine 24px schwarzeborder-left. DerclientLeft-Wert ist der Abstand vom Ende des Randbereichs (gelb) bis zum Beginn der Padding- und Inhaltsbereiche (weiß): also 24px.
HTML
<div> <div> <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 |