CSS Rounded Borders (CSS গোলাকার সীমানা) [বাংলায় CSS মাস্টার ক্লাস]:
বৃত্তাকার সীমানা তৈরির জন্য দায়ী প্রাথমিক CSS বৈশিষ্ট্য হল বর্ডার-ব্যাসার্ধ। এই বৈশিষ্ট্যটি ওয়েব ডেভেলপারদের একটি উপাদানের কোণগুলির বক্রতা সংজ্ঞায়িত করতে দেয়। পিক্সেল, শতাংশ বা ইএমএসে (pixels, percentages, or ems) মান নির্দিষ্ট করে, আপনি বৃত্তাকার কোণগুলি সম্পূর্ণ বৃত্ত পর্যন্ত মান নির্দিষ্ট করে দিতে পারেন।
ওয়েব ডিজাইনের ক্ষেত্রে, নান্দনিকতা এবং ব্যবহারকারীর অভিজ্ঞতা প্রায়শই একসাথে যায়। CSS (ক্যাসকেডিং স্টাইল শীট) ডিজাইনারদের দৃশ্যমান আকর্ষণীয় এবং ব্যবহারকারী-বান্ধব ওয়েবসাইট তৈরি করার জন্য সরঞ্জামগুলির একটি অ্যারে সরবরাহ করে। এই সরঞ্জামগুলির মধ্যে, গোলাকার সীমানা তৈরি করার ক্ষমতা ওয়েব উপাদানগুলির প্রান্তগুলিকে নরম করার এবং একটি ওয়েব পৃষ্ঠার সামগ্রিক চেহারা এবং অনুভূতি উন্নত করার একটি মার্জিত উপায় হিসাবে দাঁড়িয়েছে৷
সীমানা-ব্যাসার্ধ সম্পত্তি বৃত্তাকার কোণে বহুমুখিতা প্রদান করে। অভিন্ন এবং প্রতিসম বৃত্তাকার অর্জন করতে আপনি সমস্ত কোণে একই ব্যাসার্ধের মান প্রয়োগ করতে পারেন। বিকল্পভাবে, আপনি পৃথক কোণগুলির জন্য অনন্য ব্যাসার্ধের মান নির্দিষ্ট করতে পারেন, যার ফলে অসমমিত বৃত্তাকার হয়। এই বহুমুখীতা ডিজাইনারদের চাক্ষুষরূপে চিত্তাকর্ষক লেআউটগুলি তৈরি করার ক্ষমতা দেয়৷
CSS Rounded Borders (CSS গোলাকার সীমানা) সম্পর্কে বিস্তারিত নিচে দেওয়া হল।
Example:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS MASTER JHUTANDA</title>
<!--https://jhutanda.com-->
<!--https://github.com/jhutanda-->
</head>
<body>
<button class="b1">Button1</button>
<button class="b2">Button2</button>
<!-- css style -->
<style>
.b1 {
border: 2px solid red;
border-radius: 50%;
}
.b2 {
border: 2px solid red;
border-radius: 10px;
/* you can change the radius range any time */
}
</style>
</body>
</html>