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 🚀