CSS border-block-style এটিবিউট

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

border-block-style প্রতিমানটি ব্লক দিকে সুতৰক্ষা শৈলী নির্ধারণ করে

border-block-style প্রতিমানের মূল্য বিভিন্ন পদ্ধতিতে সংযোজিত করা যায়:

যদি border-block-style প্রতিমানটির দুইটি মূল্য রয়েছে:

border-block-style: dashed dotted;

• ব্লক শুরুতে হাড়দাগ শৈলী হবে
• ব্লক শেষতে হাড়দাগ শৈলী হবে

যদি border-block-style প্রতিমানটির একটি মূল্য রয়েছে:

border-block-style: dashed;

• ব্লক শুরুতে এবং শেষতে হাড়দাগ শৈলী হবে

CSS border-block-style প্রতিমান সুতৰক্ষা border-bottom-style、border-left-style、border-right-style এবং border-top-style খুবই সমান, কিন্তু border-block-style বৈশিষ্ট্য ব্লক দিশার ওপর নির্ভর করে。

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

উদাহরণ

উদাহরণ 1

ব্লক দিশায় বর্তমানকে নির্দিষ্ট করুন:

#example1 {
  border-block-style: solid;
}
#example2 {
  border-block-style: dashed dotted;
}

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

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

ব্লক দিশার শুরু ও শেষের সীমানা বর্তমানকে নির্দিষ্ট করে writing-mode বৈশিষ্ট্যের প্রভাব:

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

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

CSS গঠন

border-block-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit;

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

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

ব্রাউজার সমর্থন

টেবিলের সংখ্যা প্রথম এই বৈশিষ্ট্যটি সম্পূর্ণরূপে সমর্থনকারী ব্রাউজারের সংস্করণকে দেখায়。

সংক্রান্ত পাতা

শিক্ষাকোষ:CSS বর্তন

উল্লেখ:CSS border এটিবিউট

উল্লেখ:CSS border-block এটিবিউট

উল্লেখ:CSS border-block-end-style এটিবিউট

উল্লেখ:CSS border-block-start-style এটিবিউট

উল্লেখ:CSS border-bottom-style এটিবিউট

উল্লেখ:CSS border-left-style প্রতিশব্দ

উল্লেখ:CSS border-right-style প্রতিশব্দ

উল্লেখ:CSS border-top-style প্রতিশব্দ

উল্লেখ:CSS writing-mode এটিভারি