CSS বর্তনা-ব্লক-পদল প্রতিভূতি

সংজ্ঞা ও ব্যবহার

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-widthborder-left-widthborder-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 প্রতিভার