CSS Border Width In Hindi

📔 : CSS 🔗

border-width property का use करके आप किसी भी element के लिए border की width को control कर सकते हैं।

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

CSS border-width example

CopyFullscreenClose FullscreenRun
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS border-width Example</title>
    <style>
      p{
        border-style:groove;
        border-width:5px;
      }  
    </style>
  </head>
  <body>
    <p>border width example</p>
  </body>
</html>

CSS specify border sides

हालाँकि आप चाहे तो , हर एक side के लिए आप border width भी define कर सकते हैं।

p{
   border-style:style;
   border-width:top right down left;
}
CopyFullscreenClose FullscreenRun
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>CSS border-width Example</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 width example</p>
    <p id="p2">border width example</p>
    <p id="p3">border width example</p>
  </body>
</html>

Hey ! I'm Rahul founder of learnhindituts.com. Working in IT industry more than 4.5 years. I love to talk about programming as well as writing technical tutorials and blogs that can help to others .... keep learning :)

Get connected with me - LinkedIn Twitter Instagram Facebook