CSS border-start-start-radius এট্রিবিউট

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

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

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

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

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

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

border-start-start-radius: 50px;

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

উদাহরণ

উদাহরণ 1

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

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

আপনার নিজেই চেষ্টা করুন

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

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

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

আপনার নিজেই চেষ্টা করুন

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

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

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

আপনার নিজেই চেষ্টা করুন

CSS গঠনশৈলী

border-start-start-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 অপারেশন