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

বিবরণ ও ব্যবহার

border-inline-start এপারেন্টটি নিম্নলিখিত এপারেন্টগুলির সংক্ষিপ্ত রূপ:

• border-inline-start-width
• border-inline-start-style
• border-inline-start-color

CSS border-inline-start এপারেন্টটি CSS এপারেন্টের border-bottom、border-left、border-right 和 border-top খুবই সমান, কিন্তু border-inline-start এপারেন্টটি লাইনার দিশার উপর নির্ভর করে।

পরিমার্জিত:সংক্রান্ত CSS এপারেন্ট writing-mode、text-orientation 和 direction লাইন-ইনলাইন দিশা নির্ধারণ করে।এটা একটি লাইনের ভাব এবং শেষ অবস্থান প্রভাবিত করে border-inline-start বৈশিষ্ট্যের ফলাফল।ইংরেজি পাতার জন্য，লাইন-ইনলাইন দিশা ডান থেকে বাম এবং ব্লক দিশা উপর থেকে নীচে

প্রকল্প

উদাহরণ 1

লাইন-ইনলাইন দিশায় শুরুতে কাঁটার পক্ষান্তর, রঙ এবং শৈলী সেট করুন:

div {
  border-inline-start: 10px solid pink;
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2: writing-mode বৈশিষ্ট্যের সাথে মিলিত

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

div {
  writing-mode: vertical-rl;
  border-inline-start: 5px solid blue;
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 3: direction বৈশিষ্ট্যের সাথে মিলিত

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

div {
  direction: rtl;
  border-inline-start: 5px solid hotpink;
}

আপনার হাতে পরীক্ষা করুন

CSS গ্রামার

border-inline-start: border-inline-start-width border-inline-start-style border-inline-start-color|initial|inherit;

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

টেকনিক্যাল বিবরণ

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

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

সংক্রান্ত পাতা

ট্যুটোরিয়াল：CSS বর্তন

রেফারেন্স：CSS বর্ণ প্রতিভূতি

রেফারেন্স：CSS বর্ণ-ইনলাইন প্রতিভূতি

রেফারেন্স：CSS বর্ণ-ইনলাইন-শেষ-শৈলী প্রতিভূতি

রেফারেন্স：CSS border-inline-start-color প্রতিশব্দ

রেফারেন্স：CSS বর্ণ-তল-কালোচ্ছবি প্রতিভূতি

রেফারেন্স：CSS border-left-color প্রতিশব্দ

রেফারেন্স：CSS border-right-color প্রতিশব্দ

রেফারেন্স：CSS border-top-color প্রতিশব্দ

রেফারেন্স：CSS ডিরেকশন এট্রিবিউট

রেফারেন্স：CSS text-orientation এসপ্যাট্রি

রেফারেন্স：CSS writing-mode এসপ্যাট্রি