কম্পিউটার টিউটোরিয়াল

CSS3 রাউন্ডেড কর্নার

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

নিচের বাম কনারের বর্ডার সেট করতে এই এলিমেন্ট ব্যবহার করুন


  1. CSS3 Rounded Corners (বর্ডার রেডিয়াস) তৈরি

  2. HTML5 SVG-এ বৃত্তাকোণবিশিষ্ট আয়তক্ষেত্র কীভাবে তৈরি করবেন?

  3. Windows 11-এর টাস্কবারে রাউন্ডেড কর্নার যোগ করার পদ্ধতি

  4. Tkinter-এ এলিমেন্টকে বটম-রাইট কনারে স্টিক রাখা