CSS | border-right-style 属性

CSS中的border-right-style属性用于改变元素边框右侧线段的外观。

句法：

border-right-style: none|hidden|dotted|dashed|solid|double|groove|
ridge|inset|outset|inherit; 

属性值：
none：它是默认值，它使右边框的宽度为零。因此，它是不可见的。

• 句法：

  border-right-style: none;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

hidden：用于使右边框不可见，如none ，除非表格元素的边框冲突解决。

• 句法：

  border-right-style: hidden;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

dotted：用于用一系列点制作右边框。

• 句法：

  border-right-style: dotted;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

虚线：它用一系列短线段构成右边框。

• 句法：

  border-right-style: dashed;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

solid：用于用单条实线段制作右边框。

• 句法：

  border-right-style: solid;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

double：此属性使右边框带有双实线。在这种情况下，边框宽度等于两条线段的宽度和它们之间的空间的总和。

• 句法：

  border-right-style: double;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

凹槽：它用凹槽线段制作右边框，让我们感觉它在里面。

• 句法：

  border-right-style: groove;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                                  
  

• 输出：
  

inset：它使右边框嵌入了一条线段，让我们感觉它深深地固定在屏幕上。

• 句法：

  border-right-style: inset;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

开始：它与插图相反。它使右边框带有一条线段，似乎要出来了。

• 句法：

  border-right-style: outset;

• 例子：

  
  
      
          
        
          
          
        
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

继承：它使右边框样式属性从其父元素继承。

• 句法：

  border-right-style: inherit;

• 例子：

  
  
      
          
        
          
          
      
        
      
          
          
  GeeksForGeeks
      
                      
  

• 输出：
  

支持的浏览器： border-right-style属性支持的浏览器如下：

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