CSS border-top-left-radius দিয়ে উপরের বাম কোণার বর্ডার গোলাকার করা

border-top-left-radius প্রোপার্টি দিয়ে শুধু উপরের বাম কোণার বর্ডার রেডিয়াস (বक्रতা) নিয়ন্ত্রণ করা যায়। এটি border-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>

সম্পর্কিত প্রোপার্টি: border-top-right-radius, border-bottom-left-radius, border-bottom-right-radius। শর্টহ্যান্ড: border-radius: 45px 25px 25px 25px; (TL, TR, BR, BL)।