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

অর্থ ও ব্যবহার

border-block-start প্রকৃতি হলো নিম্নলিখিত প্রকৃতির সংক্ষিপ্ত রূপ:

CSS border-block-start বৈশিষ্ট্য এবং border-bottomborder-leftborder-right এবং border-top বৈশিষ্ট্যগুলি অত্যন্ত সমান, কিন্তু border-block-start বৈশিষ্ট্য ব্লক দিকের উপর নির্ভর করে

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

ইনস্ট্যান্স

উদাহরণ 1

ব্লক দিকের ভিত্তিস্থানের কাঁটার প্রশস্ততা, রঙ এবং শৈলী সংজ্ঞায়িত করুন:

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

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

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

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

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

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

CSS গ্রামার

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

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

মান বর্ণনা
border-block-start-width

ব্লক দিকের ভিত্তিস্থানের কাঁটার প্রশস্ততা সংজ্ঞায়িত করুন。

ডিফল্ট মান হল medium。

border-block-start-style

ব্লক দিকের ভিত্তিস্থানের কাঁটার শৈলী সংজ্ঞায়িত করুন。

ডিফল্ট মান হল none。

border-block-start-color

ব্লক দিকের ভিত্তিস্থানের কাঁটার রঙ সংজ্ঞায়িত করুন。

ডিফল্ট মান হল বর্তমান বর্ণের কাঁটা।

initial এই বৈশিষ্ট্যকে তার ডিফল্ট মানে সংস্থান করুন। দেখুন: initial
inherit পিতৃ উপাদান থেকে এই বৈশিষ্ট্যকে উত্তরণ করুন। দেখুন: inherit

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

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

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

টেবিলের সংখ্যা প্রথম উপযুক্ত ব্রাউজার সংস্করণকে ইনক্লুড করে।

চ্রোম এডজ ফায়ারফক্স স্যাফারি অপেরা
69.0 79.0 41.0 12.1 56.0

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

ট্যুটোরিয়াল:CSS বর্তন

রেফারেন্স:CSS বর্তনা প্রতিভূতি

রেফারেন্স:CSS বর্তনা-ব্লক প্রতিভূতি

রেফারেন্স:CSS বর্তনা-ব্লক-রঙ প্রতিভূতি

রেফারেন্স:CSS বর্তনা-ব্লক-শুরু-রঙ প্রতিভূতি

রেফারেন্স:CSS বর্তনা-নিচে-রঙ প্রতিভূতি

রেফারেন্স:CSS border-left-color প্রতিশব্দ

রেফারেন্স:CSS border-right-color প্রতিশব্দ

রেফারেন্স:CSS border-top-color প্রতিশব্দ

রেফারেন্স:CSS writing-mode এটিবিউট