HTML | DOM clientLeft 属性

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

句法：

element.clientLeft 

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

例子：

  

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

  

    
        GeeksForGeeks
        DOM clientLeft 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 clientLeft 属性支持的浏览器如下：

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