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

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

border-inline-end বৈশিষ্ট্যটি নিম্নলিখিত বৈশিষ্ট্যগুলির সংক্ষিপ্ত রূপ

CSS-র border-inline-end বৈশিষ্ট্যটি নিম্নলিখিত বৈশিষ্ট্যগুলির সংক্ষিপ্ত রূপ border-bottomborder-leftborder-right এবং border-top বৈশিষ্ট্যগুলি অত্যন্ত মিলিত, কিন্তু border-inline-end এই বৈশিষ্ট্যটি লাইনগুলির দিকে নির্ভরশীল

উপদেশ:相关的 CSS 属性 writing-modetext-orientation এবং direction দিককে ভাগ করা হয়েছে। এটি একটি সারিতের ভাব এবং শেষ এবং ভাবের অবস্থান প্রভাবিত করবে border-inline-end বৈশিষ্ট্যের ফলাফল। ইংরেজি পাতায়, দিককে ভাগ করা হয়েছে এবং ব্লক দিককে ভাগ করা হয়েছে উপর থেকে নীচে।

প্রতিদর্শ

উদাহরণ 1

দিককে ভাগ করা হয়েছে এবং এই দিকের শেষের দিকের কান্তির পক্ষপাত, রঙ এবং শৈলী নির্দেশ করুন:

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

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

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

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

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

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

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

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

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

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

CSS গঠনশৈলী

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

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

মান বর্ণনা
border-inline-end-width

নির্দিষ্ট এলিমেন্টটির দিককে ভাগ করা হয়েছে এবং এই দিকের শেষের দিকের কান্তির পক্ষপাত নির্দেশ করুন。

ডিফল্ট মান "medium"

border-inline-end-style

নির্দিষ্ট এলিমেন্টটির দিককে ভাগ করা হয়েছে এবং এই দিকের শেষের দিকের কান্তির শৈলী নির্দেশ করুন。

ডিফল্ট মান "none"

border-inline-end-color

বর্ণ নির্দেশ করুন যার সাথে নির্দিষ্ট এলিমেন্টটি দিককে ভাগ করা হয়েছে এবং এই দিকের শেষের দিকের কান্তির রঙ。

ডিফল্ট মান এটি বর্তমান কান্তির রঙ。

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

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

initial এই বৈশিষ্ট্যকে তার ডিফল্ট মানে সংযোজিত করুন। দেখুন: initial
inherit এই বৈশিষ্ট্যকে তার পিতৃত্ব এলিমেন্ট থেকে উত্তরসূরি করুন। দেখুন: inherit
ডিফল্ট মান: medium none currentcolor
উত্তরসূরি: না
অ্যানিমেশন নির্মাণ: সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গঠনশৈলী: object.style.borderInlineEnd="pink dotted 5px"

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

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

চ্রোম এজ ফায়ারফক্স স্যাফারি অপেরা
69.0 79.0 41.0 12.1 56.0

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

শিক্ষাকোষ:CSS বর্তন

উল্লেখ:CSS border প্রতিশব্দ

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

উল্লেখ:CSS border-inline-end-style প্রতিশব্দ

উল্লেখ:CSS border-inline-end-color প্রতিশব্দ

উল্লেখ:CSS border-bottom-color প্রতিশব্দ

উল্লেখ:CSS border-left-color অপারেটর

উল্লেখ:CSS border-right-color অপারেটর

উল্লেখ:CSS border-top-color অপারেটর

উল্লেখ:CSS দিশা প্রতিশব্দ

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

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