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