CSS border-radius অপারেটর

সংজ্ঞা ও ব্যবহার

border-radius বৈশিষ্ট্যটি একটি সংক্ষিপ্ত বৈশিষ্ট্য, যা চারটি border-*-radius বৈশিষ্ট্য নির্ধারণ করে。

টিপস:এই বৈশিষ্ট্যটি আপনাকে ইলেকট্রনের কান্তে গোলাকার সীমানা যোগ করতে দেয়!

আরও দেখুন:

CSS3 শিক্ষাক্রম:CSS3 বর্তন

উদাহরণ

div ইলেকট্রনের কান্তে গোলাকার সীমানা যোগ করুন:

div
{
border:2px solid;
border-radius:25px;
}

স্বয়ং প্রয়াস করুন

পাতার নিচে আরও উদাহরণ আছে。

CSS 语法

border-radius: 1-4 length|% / 1-4 length|%;

মন্তব্য:এই ক্রমে প্রত্যেকটি radii-র চারটি মান নির্ধারণ করা হয়। যদি bottom-left-কে ছেড়ে দেওয়া হয়, তবে top-right-এর সমান হবে। যদি bottom-right-কে ছেড়ে দেওয়া হয়, তবে top-left-এর সমান হবে। যদি top-right-কে ছেড়ে দেওয়া হয়, তবে top-left-এর সমান হবে।

প্রতিভূতি

মান বর্ণনা পরীক্ষা
length গোলাকার কোণের আকৃতি নির্দেশ করা হয়。 পরীক্ষা
% প্রতিশতের মাধ্যমে গোলাকার কোণের আকৃতি নির্দেশ করা হয়。 পরীক্ষা

উদাহরণ 1

border-radius:2em;

সমতুল্য:

border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

উদাহরণ 2

border-radius: 2em 1em 4em / 0.5em 3em;

সমতুল্য:

border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;

প্রযুক্তিগত বিবরণ

ডিফল্ট মান: 0
পুরোগামিতা: no
সংস্করণ: CSS3
JavaScript 语法： object.style.borderRadius="5px"

ব্রাউজার সমর্থন

টেবিলের সংখ্যা এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটি নির্দেশ করে。

Chrome IE / Edge Firefox Safari Opera
5.0
4.0 -webkit-		 9.0 4.0
3.0 -moz-		 5.0
3.1 -webkit-		 10.5