CSS border-inline-style প্রতিশব্দ

কোর্স সুপারিশ:

border-inline-style পরিভাষা ও ব্যবহার

border-inline-style বৈশিষ্ট্য একটি উপাদানকে একক চিহ্নের দিকের কান্তকূলীয় শৈলী নির্দিষ্ট করে।

একক চিহ্নের শেষ স্থানের কান্তকূলীয় শৈলী ডট লাইন (dotted) border-inline-style বৈশিষ্ট্যের মান বিভিন্ন পদ্ধতিতে সংযোজিত করা যেতে পারে:

div {
  • বৈশিষ্ট্য দুটি মান আছে:
  • একক চিহ্নের শুরু স্থানের কান্তকূলীয় শৈলী সত্য (solid)

একক চিহ্নের শেষ স্থানের কান্তকূলীয় শৈলী ডট লাইন (dotted) border-inline-style যদি

writing-mode
  • বৈশিষ্ট্য একটি মান আছে:

একক চিহ্নের ভাবের শুরু এবং শেষ স্থানের কান্তকূলীয় শৈলী (dotted) border-inline-style বৈশিষ্ট্য CSS-র border-bottom-style、border-left-style、border-right-style এবং border-top-style বৈশিষ্ট্য অত্যন্ত সমান, কিন্তু border-inline-style বৈশিষ্ট্য একক চিহ্নের দিকের উপর নির্ভর করে।

নোট:নির্দিষ্ট CSS বৈশিষ্ট্য border-inline-style: dashed dotted;、text-orientation এবং উদাহরণ 3: direction বৈশিষ্ট্যের সাথে সংযুক্ত একক চিহ্নের দিক নির্দিষ্ট করে।এটি দিকের ভাবে ভাগ এবং শেষ স্থানের সাথে যুক্ত border-inline-style প্রতিমানের ফলাফল।ইংরেজি পৃষ্ঠায়, একক চিহ্নের দিক ডানে থেকে বামে এবং ব্লক দিক নিচে থেকে উপরে।

实例

ইনস্ট্যান্স

উদাহরণ

উদাহরণ 1
  ইনলাইন দিশায় বর্তনী শৈলী নির্ধারণ করুন
direction: rtl;
#example1 {
  border-inline-style: solid;
direction: rtl;

border-inline-style: solid dotted;

#example2 {

border-inline-style: dotted; border-inline-style: dashed dotted; ইনলাইন দিশার শুরু ও শেষের বর্তনীর অবস্থান নির্দেশ করে

direction
  উদাহরণ 2: writing-mode বৈশিষ্ট্যের সাথে সংযুক্ত
  writing-mode
direction: rtl;

border-inline-style: solid dotted;

writing-mode: vertical-rl;

border-inline-style: dotted; উদাহরণ 3: direction বৈশিষ্ট্যের সাথে সংযুক্ত ইনলাইন দিশার শুরু ও শেষের বর্তনীর অবস্থান নির্দেশ করে

direction
  বৈশিষ্ট্য প্রভাব:
  div {
direction: rtl;

border-inline-style: solid dotted;

}

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

CSS গঠন

border-inline-style: none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset|initial|inherit; বৈশিষ্ট্য মান
none মান
বর্ণনা ডিফল্ট মান। নীল বর্তনী নির্দেশ করুন
hidden none-র সঙ্গে একই, কিন্তু টেবিল ইলেমেন্টের বর্তনী সংঘাত সমাধানে ভিন্ন
dashed ড্যাশ বর্তনী নির্দেশ করুন
solid সমতল বর্তনী নির্দেশ করুন
double ডবল বর্তনী নির্দেশ করুন
groove

3D গ্রভ বর্তনী নির্দেশ করুন

প্রভাব বৈশিষ্ট্যকে border-color এর মানের ওপর নির্ভর করে।
ridge

3D রিজ বর্তনী নির্দেশ করুন

প্রভাব বৈশিষ্ট্যকে border-color এর মানের ওপর নির্ভর করে।
inset

3D ইনসেট বর্তনী নির্দেশ করুন

প্রভাব বৈশিষ্ট্যকে border-color এর মানের ওপর নির্ভর করে।
outset

3D আউটসিড বর্তনী নির্দেশ করুন

প্রভাব বৈশিষ্ট্যকে border-color এর মানের ওপর নির্ভর করে।
initial এই বৈশিষ্ট্যকে তার ডিফল্ট মানে ন্যায়ায়িত করুন। দেখুন: initial。
inherit এই বৈশিষ্ট্যকে তার পিতৃত্ব বিশেষ উপাদান থেকে উত্তরসূরি করুন। দেখুন: inherit。

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

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

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

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

চ্রোম এজ ফায়ারফক্স সাফারি অপেরা
87.0 87.0 66.0 14.1 73.0

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

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

রেফারেন্স:CSS বর্তন এট্রিবিউট

রেফারেন্স:CSS বর্তন-ইনলাইন এট্রিবিউট

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

রেফারেন্স:CSS বর্তন-ডাউন-স্টাইল এট্রিবিউট

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

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

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

রেফারেন্স:CSS ডাইরেকশন এট্রিবিউট

রেফারেন্স:CSS text-orientation অপারেশন

রেফারেন্স:CSS writing-mode অপারেশন