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>

Related Topics :

Rahul Kumar

Rahul Kumar

Hi ! My name is Rahul Kumar Rajput. I'm a back end web developer and founder of learnhindituts.com. I live in Uttar Pradesh (UP), India and I love to talk about programming as well as writing technical tutorials and tips that can help to others.

Get connected with me. :) LinkedIn Twitter Instagram Facebook

b2eprogrammers