CSS border-start-end-radius প্রতিশব্দ

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

border-start-end-radius প্রতিভাট ব্লক দিকের শুরুতে (block-start) এবং ইনলাইন দিকের শেষে (inline-end) মধ্যের আঙুল রেখাগুলির নির্দিষ্ট করে

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

যদি border-start-end-radius যদি এই প্রতিভাট দুটি মূল্য হয়, তবে আঙুলটি একটি অক্ষচৃষ্ট হবে:

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

যদি border-start-end-radius যদি এই প্রতিভাট একটি মূল্য হয়, তবে আঙুলটি একটি বৃত্ত হবে:

border-start-end-radius: 50px;

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

উদাহরণ

উদাহরণ 1

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

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

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

উদাহরণ 2: direction বৈশিষ্ট্য সহ

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

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

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

উদাহরণ 3: writing-mode বৈশিষ্ট্য সহ

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

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

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

সিএসএস গঠন

border-start-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 প্রতিশব্দ