CSS3 রাউন্ডেড কর্নার border-radius প্রোপার্টি ব্যবহার করে বডি বা টেক্সটে বিশেষ রঙিন কর্নার যোগ করতে ব্যবহৃত হয়।
রাউন্ডেড কর্নারের একটি সিম্পল সিনট্যাক্স:
#rcorners { border-radius: 60px/15px; background: #FF0000; padding: 20px; width: 200px; height: 150px; }
নিচের টেবিলে রাউন্ডেড কর্নারের সম্ভাব্য মানগুলো দেখানো হলো:
| মান |
বিবরণ |
|---|---|
| border-radius |
চারটি বর্ডার রেডিয়াস প্রোপার্টি সেট করতে এই এলিমেন্ট ব্যবহার করুন |
| border-top-left-radius |
উপরের বাম কনারের বর্ডার সেট করতে এই এলিমেন্ট ব্যবহার করুন |
| border-top-right-radius |
উপরের ডান কনারের বর্ডার সেট করতে এই এলিমেন্ট ব্যবহার করুন |
| border-bottom-right-radius |
নিচের ডান কনারের বর্ডার সেট করতে এই এলিমেন্ট ব্যবহার করুন |
| border-bottom-left-radius |
নিচের বাম কনারের বর্ডার সেট করতে এই এলিমেন্ট ব্যবহার করুন |