CSS বর্তনা-ইনলাইন-শেষ-শৈলী প্রতিভূতি
- পূর্ববর্তী পৃষ্ঠা border-inline-end-color
- পরবর্তী পৃষ্ঠা border-inline-end-width
সংজ্ঞা ও ব্যবহার
border-inline-end-style
প্রতিভা সেটিং এলিমেন্টটির লাইনকূপ শেষের বর্তনী শৈলী নির্ধারণ করে।
CSS-র border-inline-end-style
প্রতিভা এবং border-bottom-style
、border-left-style
、border-right-style
এবং border-top-style
প্রতিভা অত্যন্ত সমান, কিন্তু border-inline-end-style
প্রতিভা লাইনকূপ দিকে নির্ভর করে।
পরামর্শ:সংশ্লিষ্ট CSS বৈশিষ্ট্য writing-mode
、text-orientation
এবং direction
ইনলাইন দিশা নির্ধারণ করে। এটি একটি দায়িত্বপ্রাপ্ত সারিতের প্রারম্ভিক এবং শেষ স্থানটি এবং border-inline-end-style
বৈশিষ্ট্যের ফলাফল। ইংরেজি পাতার জন্য,ইনলাইন দিশা ডান থেকে বাম, ব্লক দিশা নিচ থেকে উপর
প্রকল্প
উদাহরণ 1
ইনলাইন দিশার শেষ কিনারা বর্ণনা করুন
div { border-inline-end-style: dotted; }
উদাহরণ 2: writing-mode বৈশিষ্ট্যের সাথে সংযুক্ত
ইনলাইন দিশার শেষ কিনারা বর্ণনা করুন writing-mode
বৈশিষ্ট্য প্রভাব:
div { writing-mode: vertical-rl; border-inline-end-style: dotted; }
উদাহরণ 3: direction বৈশিষ্ট্যের সাথে সংযুক্ত
ইনলাইন দিশার প্রারম্ভিক এবং শেষ কিনারা বর্ণনা করুন direction
বৈশিষ্ট্য প্রভাব:
div { direction: rtl; border-inline-end-style: dotted; }
CSS গঠনশৈলী
border-inline-end-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;
বৈশিষ্ট্য মান
মান | বর্ণনা |
---|---|
none | ডিফল্ট মান। কোনও কিনারা না বর্ণনা করুন |
hidden | none-র সঙ্গে একই, কিন্তু টেবিল এলিমেন্টের কিনারা বর্ণনা সমাধানে ভিন্ন |
dotted | বিন্দু কিনারা বর্ণনা করুন |
dashed | হুমকি কিনারা বর্ণনা করুন |
solid | সত্যাকার কিনারা বর্ণনা করুন |
double | দ্বিতীয় লাইন কিনারা বর্ণনা করুন |
groove |
3D নুল কিনারা বর্ণনা করুন প্রভাব বৈশিষ্ট্য হল border-color-এর মান |
ridge |
3D উভয়মুখী কিনারা বর্ণনা করুন প্রভাব বৈশিষ্ট্য হল border-color-এর মান |
inset |
3D অভ্যন্তরীণ কিনারা বর্ণনা করুন প্রভাব বৈশিষ্ট্য হল border-color-এর মান |
outset |
3D বাহ্যিক কিনারা বর্ণনা করুন প্রভাব বৈশিষ্ট্য হল border-color-এর মান |
initial | এই বৈশিষ্ট্যটি তার ডিফল্ট মানে নিয়ে সংযোজিত হয়। দেখুন initial. |
inherit | এই বৈশিষ্ট্যটি তার পিতৃত্ব এলিমেন্ট থেকে উত্তরণ করে। দেখুন inherit. |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | none |
---|---|
পুনর্বিন্যস্তকরণ: | না |
অ্যানিমেশন নির্মাণ: | সমর্থিত না। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য. |
সংস্করণ: | CSS3 |
জেভাস্ক্রিপ্ট গঠনশৈলী: | object.style.borderInlineEndStyle="dotted" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী প্রথম ব্রাউজার সংস্করণটির জন্য
চ্রোম | এজ | ফায়ারফক্স | স্যাফারি | অপেরা |
---|---|---|---|---|
69.0 | 79.0 | 41.0 | 12.1 | 56.0 |
সংক্রান্ত পাতা
শিক্ষাক্রমCSS বর্তন
উল্লেখCSS বর্তনা প্রতিভূতি
উল্লেখCSS বর্তনা-ইনলাইন প্রতিভূতি
উল্লেখCSS বর্তনা-ইনলাইন-শেষ-শৈলী প্রতিভূতি
উল্লেখCSS border-inline-start-style প্রতিশব্দ
উল্লেখCSS বর্তনা-তল-শৈলী প্রতিভূতি
উল্লেখCSS border-left-style প্রতিশব্দ
উল্লেখCSS border-right-style প্রতিশব্দ
উল্লেখCSS border-top-style প্রতিশব্দ
উল্লেখCSS ডাইরেকশন এট্রিবিউট
- পূর্ববর্তী পৃষ্ঠা border-inline-end-color
- পরবর্তী পৃষ্ঠা border-inline-end-width