HTML | DOM Style right 属性

HTML DOM 中的 Style right 属性用于设置或返回定位元素的正确位置，包括填充、滚动条、边框和边距。
句法：

它用于返回正确的属性：

object.style.right

它用于设置正确的属性：

object.style.right = "auto|length|%|initial|inherit"

属性值说明：

auto-此值自动设置浏览器的默认权限值。

length-此值以指定的长度单位设置正确的值。这个指定的长度可以是正数也可以是负数。

%-百分比值在父元素宽度的指定百分比中设置正确的值。

初始 –此值将正确的属性设置为其浏览器的默认值。

继承 –此值将正确的属性设置为其父元素的值。

示例 1：

  

    
        HTML | DOM Style right Property
    
    
        #GfG {
            position: absolute;
            background-color: green;
            color: white;
        }
    

  

  
     Geeks for Geeks 
     HTML|DOM Style right Property 
  
    Click here
  
    
        GfG
    
  
    
        function myFunction() {
            document.getElementById("GfG")
            .style.right = "100px";
        }
    
  

  

输出：

点击按钮前：

点击按钮后：

示例 2：

  

    
        HTML | DOM Style right Property
    
    
        #myGfG {
            border: 1px solid #FF0000;
            position: relative;
        }
    

  

  
     Geeks for Geeks 
     HTML|DOM Style right Property 
  
    Welcome to Geeks for Geeks.
    
  
    
     Click Here!
    
  
    
        function myFunction() {
            document.getElementById("myGfG")
                .style.right = "-200px";
        }
  
        < GfG id = "myGfG" > Welcome to Geeks
        for Geeks. < /GfG> < br >
  
        < button type = "button"
        onclick = "myFunction()" > Click Here! < /button>
  
        < script >
            function myFunction() {
                document.getElementById("myGfG")
                    .style.right = "-200px";
            }
    
  

  


  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

支持的浏览器： DOM样式权限支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器