CSS border-inline-end প্রতিশব্দ
- পূর্ববর্তী পৃষ্ঠা border-inline-color
- পরবর্তী পৃষ্ঠা border-inline-end-color
বিবরণ ও ব্যবহার
border-inline-end
বৈশিষ্ট্যটি নিম্নলিখিত বৈশিষ্ট্যগুলির সংক্ষিপ্ত রূপ
border-inline-end-width
(লাইন শেষ বর্ণ প্রস্থ)border-inline-end-style
(লাইন শেষ বর্ণ শৈলী)border-inline-end-color
(লাইন শেষ বর্ণ রঙ্গ)
CSS-র border-inline-end
বৈশিষ্ট্যটি নিম্নলিখিত বৈশিষ্ট্যগুলির সংক্ষিপ্ত রূপ border-bottom
、border-left
、border-right
এবং border-top
বৈশিষ্ট্যগুলি অত্যন্ত মিলিত, কিন্তু border-inline-end
এই বৈশিষ্ট্যটি লাইনগুলির দিকে নির্ভরশীল
উপদেশ:相关的 CSS 属性 writing-mode
、text-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 এসপ্যাট্রি
- পূর্ববর্তী পৃষ্ঠা border-inline-color
- পরবর্তী পৃষ্ঠা border-inline-end-color