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.

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

Browser-Kompatibilität

Siehe auch

• Ermittlung der Abmessungen von Elementen
• HTMLElement.offsetTop
• Element.scrollTop
• Element.clientHeight
• Element.clientWidth
• Element.clientLeft
• Element.getBoundingClientRect()