CSS বর্তনা-ব্লক-শেষ প্রতিভূতি

পূর্ববর্তী পৃষ্ঠা border-block-color
পরবর্তী পৃষ্ঠা border-block-end-color

কোর্স পরামর্শ:

border-block-end বর্ণনা ও ব্যবহার

বৈশিষ্ট্যগুলি নিম্নলিখিত বৈশিষ্ট্যগুলির সংক্ষিপ্ত রূপ border-block-end CSS বৈশিষ্ট্যগুলি CSS-এরborder-leftborder-bottomborder-left, border-right এবং border-top border-block-end এই বৈশিষ্ট্যটি অত্যন্ত মিলিত, কিন্তু

এই বৈশিষ্ট্যটি ব্লক দিকের উপর নির্ভর করে。নোট: writing-mode ব্লক দিকটি নির্দেশ করে। এটি ব্লকের শুরু এবং শেষের অবস্থান এবং সংশ্লিষ্ট CSS বৈশিষ্ট্যগুলির উপর প্রভাব ফেলে。 border-block-end বৈশিষ্ট্যের ফলাফল। ইংরেজি পাতায়, ইনলাইন দিক ডান থেকে বাম এবং ব্লক দিক নিচ থেকে উপর তীরে গেছে।

উদাহরণ

উদাহরণ 1

ব্লক দিকের শেষের দিকের হোল্ডার পদল, রং এবং শৈলী নির্দেশ করুন:

div {
  border-block-end: 10px solid pink;
}

আপনার হাতে পরীক্ষা করুন

উদাহরণ 2: writing-mode বৈশিষ্ট্যের সাথে সমন্বয়

ব্লক দিকের শেষের দিকের হোল্ডার অবস্থান নির্দেশ করা হয় writing-mode বৈশিষ্ট্যের প্রভাব:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

আপনার হাতে পরীক্ষা করুন

CSS বৈষম্য

border-block-end: border-block-end-width border-block-end-style border-block-end-color|initial|inherit;

বৈশিষ্ট্য মান

মান	বর্ণনা
border-block-end-width	ব্লক দিকের শেষের দিকের এলিমেন্টের হোল্ডার পদল নির্দেশ করুন。 ডিফল্ট মান হল "medium"。
border-block-end-style	ব্লক দিকের শেষের দিকের এলিমেন্টের হোল্ডার শৈলী নির্দেশ করুন。 ডিফল্ট মান হল "none"。
border-block-end-color	ব্লক দিকের শেষের দিকের এলিমেন্টের হোল্ডার রং নির্দেশ করুন。 ডিফল্ট মান হল বর্তমান বর্ণের হোল্ডার রং。
initial	এই বৈশিষ্ট্যটি তার ডিফল্ট মানে নিয়ে নেওয়া হয়। দেখুন: initial。
inherit	এই বৈশিষ্ট্যটি তার পিতৃত্ব এলিমেন্ট থেকে উত্তরণ করা হয়। দেখুন: inherit。

প্রযুক্তিগত বিবরণ

ডিফল্ট মান:	medium none currentcolor
উত্তরণযোগ্যতা:	না
অ্যানিমেশন নির্মাণ:	সমর্থন করা হয়। দেখুন:অ্যানিমেশন-সংক্রান্ত বৈশিষ্ট্য。
সংস্করণ:	CSS3
জেভাস্ক্রিপ্ট বৈষম্য:	object.style.borderBlockEnd="pink dotted 5px"