CSS বর্তনা-ব্লক-পদল প্রতিভূতি
- পূর্ববর্তী পৃষ্ঠা border-block-style
- পরবর্তী পৃষ্ঠা border-bottom
সংজ্ঞা ও ব্যবহার
border-block-width
প্রকৃতির সম্পাদনা এলাকার ব্লক দিকের হোল প্রশস্ততা নিয়োগ করুন。
নোট:যাবার জন্য border-block-width
প্রকৃতির কার্যকরী করতে, নিয়োগ করা উচিত border-block-style
。
border-block-width
প্রকৃতির মানকে বিভিন্ন পদ্ধতিতে নিয়োগ করা যেতে পারে:
যদি border-block-width
প্রকৃতির দুটি মান রয়েছে:
border-block-width: 10px 50px;
- ব্লক শুরুর স্থানের বর্তনী প্রশস্ততা 10px
- ব্লক শেষের স্থানের বর্তনী প্রশস্ততা 50px
যদি border-block-width
গুণকে একটি মান নির্দিষ্ট করে
#example1 {
- ব্লক শুরু ও শেষের স্থানের বর্তনী প্রশস্ততা 10px
CSS border-block-width
গুণ এবং CSS গুণ border-bottom-width
、border-left-width
、border-right-width
এবং border-top-width
অত্যন্ত সমান, কিন্তু border-block-width
গুণ ব্লক দিকের উপর নির্ভর করে
নোট:সংশ্লিষ্ট CSS গুণ ব্লক দিকের শুরু ও শেষের বর্তনী গুণটি কীভাবে প্রভাবিত করে
ব্লক দিককে নির্দিষ্ট করে।এটা ব্লকের শুরু ও শেষের স্থান এবং border-block-width
ইংরেজি পাতায় ইনলাইন দিক ডান থেকে বাম দিকে, ব্লক দিক নিচ থেকে উপর দিকে
গুণের ফলাফল
উদাহরণ
উদাহরণ 1
ব্লক দিকের বর্তনীর প্রশস্ততা নির্ধারণ করুন: div { #example1 { border-block-width: 5px; border-block-width: 10px; div { #example2 { border-block-width: 5px;
border-block-width: thin thick;
উদাহরণ 2: writing-mode গুণের সাথে মিলিত ব্লক দিকের শুরু ও শেষের বর্তনী গুণটি কীভাবে প্রভাবিত করে
writing-mode
গুণ প্রভাব: div { border-block-style: solid; writing-mode: vertical-rl; border-block-width: 5px;
স্বয়ং প্রয়াস করুন
CSS গঠনশৈলীলেংথborder-block-width: medium|thin|thick|
|ইনিশিয়াল|ইনহারিট;
গুণ-মান | মান |
---|---|
মাঝারি | বর্ণনা |
মাঝারি বর্তনী নির্দিষ্ট করে।ডিফল্ট | সবচেয়ে বড় বর্তনী নির্দিষ্ট করে |
সবচেয়ে ছোট বর্তনী নির্দিষ্ট করে | বড় বর্তনী নির্দিষ্ট করে |
লেংথ | এটা আপনাকে বর্তনীর মধ্যে সমাধান দেয়।দেখুন:CSS ইউনিট。 |
ইনিশিয়াল | এই গুণটিকে তার ডিফল্ট মানে নিয়ে যান।দেখুন ইনিশিয়াল。 |
ইনহারিট | এই গুণটি তার পিতৃ ইলেক্ট্রনের থেকে উত্তরাধিকার নেয়।দেখুন ইনহারিট。 |
প্রযুক্তিগত বিবরণ
ডিফল্ট মান: | মাঝারি |
---|---|
পুনর্বিন্যাস: | না |
অ্যানিমেশন নির্মাণ: | সমর্থন করে।দেখুন:অ্যানিমেশন-সংক্রান্ত গুণ。 |
সংস্করণ: | CSS3 |
জেভাস্ক্রিপ্ট গঠনশৈলী: | object.style.borderBlockWidth="3px 10px" |
ব্রাউজার সমর্থন
টেবিলের সংখ্যা এই ব্রাউজারের প্রথম পূর্ণাঙ্গ সমর্থনকারী সংস্করণকে নির্দেশ করে。
চ্রোম | এজ | ফায়ারফক্স | সাফারি | অপেরা |
---|---|---|---|---|
87.0 | 87.0 | 66.0 | 14.1 | 73.0 |
সংক্রান্ত পৃষ্ঠা
শিক্ষা:CSS সীমানা
উল্লেখ:CSS বর্তনা প্রতিভূতি
উল্লেখ:CSS বর্তনা-ব্লক প্রতিভূতি
উল্লেখ:CSS বর্তনা-ব্লক-শেষ-পদল প্রতিভূতি
উল্লেখ:CSS বর্তনা-ব্লক-শুরু-পদল প্রতিভূতি
উল্লেখ:CSS বর্তনা-ব্লক-শৈলী প্রতিভূতি
উল্লেখ:CSS বর্তনা-তল-পদল প্রতিভূতি
উল্লেখ:CSS border-left-width প্রতিভূতি
উল্লেখ:CSS border-right-width প্রতিভূতি
উল্লেখ:CSS border-top-width প্রতিভূতি
উল্লেখ:CSS writing-mode প্রতিভার
- পূর্ববর্তী পৃষ্ঠা border-block-style
- পরবর্তী পৃষ্ঠা border-bottom