Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

CSS के साथ ऊपरी-दायां कोना बॉर्डर सेट करें

CSS में ऊपरी-दाएं कोने की त्रिज्या सेट करने के लिए border-top-right-radius प्रॉपर्टी का उपयोग करें।

उदाहरण

<html> 
  <head> 
    <style> 
      #rcorner { 
        border-radius: 25px; 
        border-top-right-radius: 45px; 
        background: orange; 
        padding: 20px; 
        width: 400px; 
        height: 250px; 
      } 
    </style> 
  </head> 
  <body> 
    <p id="rcorner">गोल border-top-right कोना!</p> 
  </body> 
</html>

व्याख्या: border-radius: 25px सभी कोनों को 25px त्रिज्या देता है। border-top-right-radius: 45px विशेष रूप से ऊपरी-दाएं कोने को 45px त्रिज्या पर ओवरराइड करता है, जिससे वह अधिक गोल हो जाता है।

  1. - CSS से निचले-बाएं कोने का बॉर्डर सेट करें

    किसी तत्व के निचले-बाएं कोने को गोलाकार बनाने के लिए border-bottom-left-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html>    <head>       <style>          #rcorner {             border-radius: 25px;  

  1. - CSS से निचले-दाएं कोने का बॉर्डर सेट करें

    किसी तत्व के निचले-दाएं कोने को गोलाकार बनाने के लिए border-bottom-right-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html>    <head>       <style>          #rcorner {             border-radius: 25px;  

  1. - CSS से ऊपरी-बाएं कोने का बॉर्डर सेट करें

    border-top-left-radius प्रॉपर्टी ऊपरी-बाएं कोने का बॉर्डर सेट करने के लिए border-top-left-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html> <head> <style> #rcorner { border-radius: 25px; border-top-left-radius: 45px; background: #FADBD8; pad