CSS Border Width In Hindi

Border के width को control करने के लिए border-width property का use किया जाता है।

Syntax

p{
  border-style: solid;
  border-width : 4px;
}

Example

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS border-width Example by Technalay </title>
    <style>
      p{
        border-style:groove;
        border-width:4px;
      }  
    </style>
  </head>
  <body>
    <p>Technalay में आप सभी का स्वागत है। </p>
  </body>
</html>

CSS specify border-style for every side in Hindi

Border के हर एक side को अलग-अलग width भी दे सकते है।

p{
   border-style:style;
   border-width:top right down left;
}
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS border-width Example by Technalay</title>
    <style>
      #p1{
        border-style:groove;
        border-width:10px 5px 2px 1px;
      }  
      #p2{
        border-style:solid;
        border-width:10px 5px 2px 1px;
      }  
      #p3{
        border-style:dashed;
        border-width:10px 5px 2px 1px;
      }  
    </style>
  </head>
  <body>
    <p id="p1">border 1 </p>
    <p id="p2">border 2 </p>
    <p id="p3">border 3 </p>
  </body>
</html>
related topic : CSS Border in Hindi 🚀

Leave a comment