CSS Borders In Hindi:-

CSS Borders का उपयोग किसी web page या page के किसी हिस्से के चारों ओर एक Borders या घेरा बनाने के लिए किया जाता है |

दोस्तों अगर आप चाहें तो पुरे Web Page के चारों ओर एक घेरा बना सकते है उदहारण के लिए आप निचे का Example देखें |

<html>
<head>
<style>
body{border:20px solid;}
</style>
</head>
<body>
<p>Example Of CSS Border </p>
</body>
</html>

 

CSS Borders के प्रकार :- CSS Borders के 11 प्रकार है नीचे के उदाहरण में आप इन्हें देख सकते है |

<html>
<head>
<style>

.dotted {border-style: dotted;}
.dashed {border-style: dashed;}
.solid {border-style: solid;}
.double {border-style: double;}
.groove {border-style: groove;}
.ridge {border-style: ridge;}
.inset {border-style: inset;}
.outset {border-style: outset;}
.none {border-style: none;}
.hidden {border-style: hidden;}
.mix {border-style: dotted dashed solid double;}

</style>
</head>
<body>

<p>Type Of CSS Border In Hindi:</p>
<p class="dotted">A dotted border.</p>
<p class="dashed">A dashed border.</p>
<p class="solid">A solid border.</p>
<p class="double">A double border.</p>
<p class="groove">A groove border.</p>
<p class="ridge">A ridge border.</p>
<p class="inset">An inset border.</p>
<p class="outset">An outset border.</p>
<p class="none">No border.</p>
<p class="hidden">A hidden border.</p>
<p class="mix">A mixed border.</p>

</body>
</html>

 

OutPut:-

Type Of CSS Border In Hindi:

A dotted border.

A dashed border.

A solid border.

A double border.

A groove border.

A ridge border.

An inset border.

An outset border.

No border.

A mixed border.

 

Border Color :- दोस्तों default रूप से CSS Borders का रंग Black यानी काला होता है पर अगर आप चाहें तो इसे बदल भी सकते है |

p {

    border: 5px solid red;

}

ऊपर के उदाहरण में हमने border के रंग को red define किया है जिसे आप चाहें तो अपने इच्छा से बदल भी सकते है |

 

दोस्तों अब तक आप ने जितने भी example देखे है उसमे border का आकर Rectangle या आयत जैसा है अगर आप चाहें तो border के कोनों को वृत्त की तरह भी बना सकते है |

 

p {

    border: 5px solid red;

    border-radius: 5px;

}
Next:- CSS Margins In Hindi :-