CSS বর্তনা-শেষ-শেষ-বাঁকা-বাঁকা প্রতিভূতি

নির্দেশ ও ব্যবহার

border-end-end-radius প্রতিভা ব্লক এন্ড ইনলাইন এন্ড রেডিয়াস নির্দিষ্ট করে।

প্রত্যাহার:সংশ্লিষ্ট CSS প্রতিভা writing-mode,text-orientation এবং direction ব্লক দিশা এবং ইনলাইন দিশা নির্দিষ্ট করেছে।এই কারণে এই প্রতিভাগুলোও প্রভাবিত হয় border-end-end-radius প্রতিভার ফলাফল।ইংরেজি পাতায়, ইনলাইন দিশা ডান থেকে বাম এবং ব্লক দিশা নিচে থেকে উপর।

যদি border-end-end-radius প্রতিভা দুটি মান হলে, গোলাকার কোণ একটি বন্ধনী হবে:

border-end-end-radius: 50px 100px;

যদি border-end-end-radius প্রতিভা একটি মান হলে, গোলাকার কোণ একটি গোল হবে:

border-end-end-radius: 50px;

CSS border-end-end-radius এবং border-bottom-left-radius,border-bottom-right-radius,border-top-left-radius এবং border-top-right-radius বৈশিষ্ট্য খুবই অনুরূপ border-end-end-radius বৈশিষ্ট্য ব্লক দিক এবং ইনলাইন দিকের উপর নির্ভর করে。

ইনস্ট্যান্স

উদাহরণ 1

কিছু এলিমেন্টের ব্লক দিক এবং ইনলাইন দিকের শেষের দিকের বোল্ডার আকৃতি যোগ করুন:

#example1 {
  background-color: lightblue;
  border-end-end-radius: 50px;
}
#example2 {
  background-color: lightblue;
  border-end-end-radius: 50px 20px;
}
#example3 {
  background-color: lightblue;
  border-end-end-radius: 50%;
  direction: rtl;
}
#example4 {
  background-color: lightblue;
  border-end-end-radius: 50%;
  writing-mode: vertical-rl;
} 

আপনার হাতে করুন

উদাহরণ 2: direction বৈশিষ্ট্যের সাথে সংযুক্ত

ব্লক দিক এবং ইনলাইন দিকের শেষের দিকের বোল্ডার আকৃতি প্রভাবিত হয় direction বৈশিষ্ট্যের প্রভাব:

#example1 {
  border: 2px solid red;
  direction: rtl;
  border-end-end-radius: 25px;
}

আপনার হাতে করুন

উদাহরণ 3: writing-mode বৈশিষ্ট্যের সাথে সংযুক্ত

ব্লক দিক এবং ইনলাইন দিকের শেষের দিকের বোল্ডার আকৃতি প্রভাবিত হয় writing-mode বৈশিষ্ট্যের প্রভাব:

#example2 {
  border: 2px solid red;
  writing-mode: vertical-rl;
  border-end-end-radius: 25px;
}

আপনার হাতে করুন

CSS গঠনশৈলী

border-end-end-radius: 0|length|initial|inherit;

বৈশিষ্ট্য মান

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

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

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

সংশ্লিষ্ট পৃষ্ঠা

টিউটোরিয়াল:CSS বোর্ডার কোর্নার

উল্লেখ:CSS বর্তনা-তল-বাঁকা-বাঁকা প্রতিভূতি

উল্লেখ:CSS বর্তনা-তল-ডানদিক বাঁকা-বাঁকা প্রতিভূতি

উল্লেখ:CSS border-top-left-radius প্রতিশব্দ

উল্লেখ:CSS border-top-right-radius প্রতিশব্দ

উল্লেখ:CSS ডিরেকশন এট্রিবিউট

উল্লেখ:CSS text-orientation এটি অপারেটর

উল্লেখ:CSS writing-mode এটি অপারেটর