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

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

border-top-left-radius प्रॉपर्टी

ऊपरी-बाएं कोने का बॉर्डर सेट करने के लिए border-top-left-radius प्रॉपर्टी का उपयोग करें।

उदाहरण

<html>
  <head>
    <style>
      #rcorner {
        border-radius: 25px;
        border-top-left-radius: 45px;
        background: #FADBD8;
        padding: 20px;
        width: 300px;
        height: 150px;
      }
    </style>
  </head>
  <body>
    <p id="rcorner">Rounded top-left corner!</p>
  </body>
</html>

  1. CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं CSS border-image प्रॉपर्टी: इमेज से बॉर्डर बनाएं

    CSS में border-image प्रॉपर्टी को पहली बार में समझना थोड़ा मुश्किल हो सकता है। इस लेख में, हम चर्चा करेंगे कि border-image प्रॉपर्टी क्या है, इसका उपयोग कैसे करें, और विभिन्न ब्राउज़रों में इसका उपयोग करते समय इसकी विचित्रताएं। बॉर्डर-इमेज शॉर्टहैंड सिंटैक्स border-image: url(image.jpg) 25% / 70px

  1. - CSS से सभी बॉर्डर-रेडियस प्रॉपर्टीज़ सेट करें

    CSS border-radius शॉर्टहैंड प्रॉपर्टी का उपयोग करके एक साथ चारों कोनों की त्रिज्या सेट करें। उदाहरण <html>    <head>       <style>          #rcorner {             border-radius: 25px;     &nb

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

    CSS में ऊपरी-दाएं कोने की त्रिज्या सेट करने के लिए border-top-right-radius प्रॉपर्टी का उपयोग करें। उदाहरण <html> <head> <style> #rcorner { border-radius: 25px; border-top-right-radius: 45px; background: orange; padding: 20px;