CSS Border Radius

CSS Border Radius Property In Hindi

CSS

CSS Border radius Property In Hindi:- CSS Borders In Hindi Kiya Hai Or CSS border-radius Kyo Istemal Karte Hai And Css Border-radius In Hindi Ye Sab Ham Aaj Is Post Mai Learn Karne Wale Hai Wo Bhi Step By Step Without Any Confusion |

Yadi Aapne  HTML Full Course Nhi Read Kiya Hai To Aap Vah Bhi Read Kar Sakte Hai | Kyoki Usme Milenge Aapko HTML Full Course A to Z |

CSS Border Property In Hindi

CSS Mai Box Model Ko Border Di Jati hai Css Mai Border Ke Liye Style, Width Or Color Bhi Diya Jata Hai. Lekin Ham Inke Bare Mai Step By Step Dekhne Wale Hai |

Types Of CSS Border Properties in Hindi

CSS Border Ko Aapni Like Ke Anushar Customize Karne Ke Liye Hame Types Of Css Border Properties Ki Jarurat Padti Hai | Css Border Ke Alag Alag Style Ke Liye Alag Alag Properties Available Hai |

  1. border-style
  2. border-width
  3. border-color
  4. border-radius
  5. border

Border-radius Property In Hindi

Border Ke Kono Yani Corner Side Ki Gulai Yani Radius Set Karne Ke Liye border-radius Property Ka Istemal Kiya Jata Hai.

Aap Iski Value Pixels, Points Ya FIr Percentage Main Bhi Set Kar Sakte Hai |

Border-radius Values List:

  • border-top-left-radius:
  • border-top-right-radius:
  • border-bottom-left-radius:
  • border-top-right-radius:

Example:-

<!DOCTYPE html>
<html>
<head>
<title>CSS Border Radius</title>
     <style>
        h4 {
        border-top-left-radius: 5px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 10px;

        border-style: solid;
        border-color: green;
        }
       
    </style>
<body>

    <h4>This Heading Border is Solid And Differrent Radius.</h4>
    
</body>

</html>

Aap Dekh Sakte Hai Ki Hamne Upper Diye Gaye Code Main Top: Left -Right Bottom: Left – Right Radius Set Kari Hai Ye Hamne Alag Alag Ki hai Aap Is Code Ko Run Karke Iska Output Check Kar Sakte Hai |

Waise Ham Border Radius Ko Ek Sath 4 Side Ek Baar Mai Define Kar Sakte Hai Iska Example Niche Diya Gaya Hai |

border-radius: top-left top-right bottom-right bottom-left;

Example:

<!DOCTYPE html>
<html>
<head>
<title>CSS Border Radius</title>
     <style>
       
        p{
        /*top-left top-right bottom-right bottom-left */
        border-radius: 5px 10px 10px 5px;

        border-style: solid;
        border-color: green;
        }
    </style>
<body>


    <p>This is Border Radius In One Line </p>
    
</body>

</html>

Upper Diye Code Ko Run Karke Iska Output Check Kar Sakte Hai |

Friends Mujhe Umeed Hai Ki Aapko CSS Border-radius In Hindi Ke Bare Mai 100% Jankari Ho Gayi Hogi | Agar Aapko Learn Karne Main Dikkat Aa Rahi Hai To Aap Mere Se Contact Kar Sakte Hai |

Leave a Reply

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