Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
Element: clientTop-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.
DieclientTop schreibgeschützte Eigenschaft desElement-Interfaces gibt die Breite des oberen Randes eines Elements in Pixeln zurück.
Zwischen demoffsetTop und demclientTop liegt nur der Rand des Elements. Dies liegt daran, dassoffsetTop die Lage des oberen Randes (nicht des Außenabstands) angibt, während der Bereich für den Client direkt unter dem Rand beginnt und die Innenabstände einschließt. Daher ist derclientTop-Wert immer gleich derborder-top-width, gerundet auf eine ganze Zahl. Zum Beispiel, wenn die berechneteborder-top-width null ist, dann istclientTop auch null.
In diesem Artikel
Wert
Eine ganze Zahl.
Beispiele
Im folgenden Beispiel hat der Client-Bereich einen weißen Hintergrund und einen 24px schwarzenborder-top. DerclientTop-Wert ist der Abstand von dem Ende des Außenabstands (gelb) zu dem Beginn der Innen- 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-top: 24px black solid; padding: 0px 28px; overflow: auto; background-color: white;}Ergebnis
Spezifikationen
| Specification |
|---|
| CSSOM View Module> # dom-element-clienttop> |