HTML | DOM clientTop 属性

DOM clientTop属性用于返回元素的上边框宽度（以像素为单位），不包括上边距或左外边距的宽度测量值，为只读属性。

句法：

element.clientTop 

返回值：它返回一个数值，表示元素的顶部边框的宽度。

例子：

  

    
        HTML | DOM clientTop Property
    
    
        h1 {
            color: green;
            font-size: 35px;
        }
          
        #GFG {
            height: 100px;
            width: 350px;
            padding: 20px;
            margin: 25px;
            border-left: 10px solid coral;
            border-top: 15px solid blue;
            background-color: green;
        }
    

  

    
        GeeksForGeeks
        DOM clientTop Property 
  
        
            
                GeeksforGeeks
            
            
        
        Submit
        
            function Geeks() {
                var w = document.getElementById("GFG");
  
                // Using clientTop property
                var x = "Border-Top-Width is: "
                + w.clientTop + "px<br>";
  
                x += "Border-Left-width : " 
                + w.clientLeft + "px";
                document.getElementById("sudo").innerHTML = x;
            }
        
  

  

输出：

• 最初：
  
• 点击按钮后：
  

支持的浏览器： DOM clientTop 属性支持的浏览器如下：

• 谷歌浏览器 1.0
• 浏览器 4.0
• 火狐 1.0
• 歌剧 3.5
• Safari 1.0