當前位置: 首頁>>代碼示例 >>用法及示例精選 >>正文


CSS border-right-color用法及代碼示例


border-right-color屬性用於設置元素中right-border的顏色。必須在border-right-color屬性之前聲明border-style屬性或border-left-style屬性。

用法:

border-right-color:color|transparent|initial|inherit; 

屬性值


color:設置元素的right-border的顏色。

  • 用法:
    border-right-color:color;
  • 例:
    <!DOCTYPE html> 
    <html> 
      
    <head> 
        <title> 
           CSS | border-right-color Property 
        </title> 
        <style> 
            h1 { 
                color:green; 
            } 
              
            h3 { 
                border:2px solid green; 
                border-right-color:red; 
                width:50%; 
            } 
        </style> 
    </head> 
      
    <body> 
        <center> 
      
            <h1>GeeksForGeeks</h1> 
            <h2>border-right-color:color;</h2> 
            <h3>GeeksForGeeks</h3> 
            
            <p style="border-style:dotted; 
                      border-right-color:coral; 
                      width:70%;"> 
                It is a computer science portal for geeks.</p> 
      
    </body> 
      
    </html>
  • 輸出:

透明:指定right-border的透明值。

  • 用法:
    border-right-color:transparent;
  • 例:
    <!DOCTYPE html> 
    <html> 
      
    <head> 
        <title> 
           CSS | border-right-color Property 
        </title> 
        <style> 
            h1 { 
                color:green; 
            } 
              
            h3 { 
                border:2px solid green; 
                border-right-color:transparent; 
                width:50%; 
            } 
        </style> 
    </head> 
      
    <body> 
        <center> 
      
            <h1>GeeksForGeeks</h1> 
            <h2>border-right-color:transparent;</h2> 
            <h3>GeeksForGeeks</h3> 
            <p style="border-style:dotted; 
                      border-right-color:transparent; 
                      width:70%;"> 
              It is a computer science portal for geeks.</p> 
      
    </body> 
      
    </html>
  • 輸出:

initial:將“屬性”設置為其默認值。

  • 用法:
    border-right-color:initial;
  • 例:
    <!DOCTYPE html> 
    <html> 
      
    <head> 
        <title> 
           CSS | border-right-color Property 
        </title> 
        <style> 
            h1 { 
                color:green; 
            } 
              
            h3 { 
                border:2px solid green; 
                border-right-color:initial; 
                width:50%; 
            } 
        </style> 
    </head> 
      
    <body> 
        <center> 
      
            <h1>GeeksForGeeks</h1> 
            <h2>border-right-color:initial;</h2> 
            <h3>GeeksForGeeks</h3> 
            
            <p style="border-style:dotted; 
                      border-right-color:
                      initial;width:70%;"> 
              It is a computer science portal for geeks.</p> 
      
    </body> 
      
    </html>
  • 輸出:

支持的瀏覽器:下麵列出了css border-right-color屬性支持的瀏覽器:

  • 穀歌瀏覽器1.0
  • Internet Explorer 4.0
  • Firefox 1.0
  • Opera 3.5
  • 蘋果Safari 1.0


相關用法


注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 CSS | border-right-color Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。