Element: clientTop 屬性
Element 介面的只讀屬性 clientTop 返回元素頂部邊框的寬度（以畫素為單位）。
offsetTop 和 clientTop 之間的所有內容就是元素的邊框。這是因為 offsetTop 指的是邊框的頂部位置（而不是外邊距），而客戶端區域緊接著邊框下方開始，包括內邊距。因此，clientTop 的值始終等於 border-top-width，四捨五入為整數。例如，如果計算出的 border-top-width 為零，則 clientTop 也為零。
值
一個整數。
示例
在下面的示例中，客戶端區域具有白色背景和 24px 的黑色 border-top。clientTop 值是從外邊距（黃色）區域結束到內邊距和內容區域（白色）開始的距離：即 24px。
HTML
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
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;
}
結果
規範
| 規範 |
|---|
| CSSOM 檢視模組 # dom-element-clienttop |
瀏覽器相容性
載入中…