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