CSS Icons

CSS Border Color In Hindi

by

HTML के किसी भी elements के border का colour change करने के लिए border-colour property का use किया जाता है।

Syntax 

p{
  border-style : outset;
  border-color : blue;
}

Example 

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS border-color Example by Technalay</title>
    <style>
      #p1{
        border-style:groove;
        border-width:10px;
        border-color: red;
      }   
    </style>
  </head>
  <body>
    <p id="p1">CSS border-color Example by Technalay</p>
  </body>
</html>

CSS specify border-color for every side in Hindi

Border के हर एक side को अलग-अलग colour देने के लिए भी border-colour property का use किया जाता है।

Syntax 

{
  border-style : groove;
  border-color : top_color right_color bottom_color left_color;
}

Example

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS border-color Example by Technalay</title>
    <style>
      #p1{
        border-style:groove;
        border-width:10px;
        border-color: blue blueviolet lightskyblue lightsteelblue;
      }  
      #p2{
        border-style:solid;
        border-width:10px;
        border-color: red lightcoral palevioletred hotpink;
      }  
    </style>
  </head>
  <body>
    <p id="p1">CSS border-color Example by Technalay</p>
    <p id="p2">CSS border-color Example by Technalay</p>
  </body>
</html>

Leave a comment