Skip to content

8. What is CSS Border Property in Hindi?

    CSS Border Property in Hindi

    Introduction of CSS Border Property in Hindi

    इस लेख में हम आपको CSS Border Property के बारे में detail में बतायेंगे।


    CSS Border Property in Hindi

    आप border का इस्तेमाल करके किसी भी elements को border दे सकते है और border property की मदद से border का style, width, color और radius change कर सकते है।

    CSS border की अलग अलग property है। इसके name इस प्रकार से है।

    • Border-style
    • Border-width
    • Border-color
    • border-radius

    border-style property

    इस property का इस्तेमाल border के type को define करने के लिए होता है।

    border-style property की value इस प्रकार से होती है।

    • none – इसमे कोई border नहीं होती है।
    • solid – इसमे सीधी line मे border होती है।
    • dotted- इसमे ……….. ऐसे dotted border लगती है।
    • dashed- इसमे —- ऐसे dashed border लगती है।
    • double – इसमे double line मे border लगती है।
    • groove – इसमे groove style मे border लगती है।
    • ridge- इसमे ridge style मे border लगती है।
    • inset- इसमे inset style मे border लगती है।
    • outset – इसमे outset style मे border लगती है।
    • mix – इसमे mix type की border दिखाई देती है।

    उदाहरण

    आप border की चारो तरफ अलग अलग property का भी इस्तेमाल कर सकते है।

    जैसे की

    • border-top-style – इससे top border की style set की जाती है।
    • border-bottom-style – इससे bottom border की style set की जाती है।
    • border-left-style – इससे left border की style set की जाती है।
    • border-right-style – इससे right border की style set की जाती है।

    उदाहरण


    border-width property

    इस property की मदद से आप border की मोटाई को set कर सकते है।

    border width को pt, px, cm, em आदि units मे भी set कर सकते है।

    आप border की चारो तरफ अलग अलग width property का भी इस्तेमाल कर सकते है।

    उदाहरण


    border-color Property

    इस property की मदद से आप border का color set कर सकते है।

    CSS border colors को आप color name, Hex code या RGB value से declare कर सकते हो।

    उदाहरण

    आप border की चारो तरफ अलग अलग color property का भी इस्तेमाल कर सकते है।

    उदाहरण


    border-radius property

    इस property का इस्तेमाल करके आप border को rounded कर सकते है।

    इसकी value px, percentage या pt units मे होती है।

    उदाहरण

    Note: border-color, border-radius और border-width property तभी कम करेंगी जब आपने border-style property को पहले define किया होगा।


    Shorthand Border Property

    आप सभी border property को एक ही line मे define कर सकते है।

    उदाहरण

    यहा border property को इस order मे लिखे।

    1. border-width
    2. border-style (यह property लिखना जरूरी है)
    3. border-color

    Next : CSS Margins in Hindi

    Leave a Reply

    Your email address will not be published. Required fields are marked *