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

定义和用法

border-inline-start-color 属性设置元素在其行内方向开始处的边框颜色。

注意:要使 border-inline-start-color 属性生效,必须设置 border-inline-start-style 属性。

CSS border-inline-start-color 属性与 border-bottom-colorborder-left-colorborder-right-colorborder-top-color 属性非常相似,但 border-inline-start-color 属性依赖于行内方向。

注意:相关的 CSS 属性 writing-modetext-orientationdirection 定义了行内方向。这会影响一行的开始和结束位置,以及 border-inline-start-color 属性的效果。对于英文页面,行内方向是从左到右,块方向是向下。

实例

例子 1

为行内方向开始处的边框设置颜色:

div {
  border-inline-start-style: solid;
  border-inline-start-color: pink;
}

আপনার হাতে করুন

例子 2

使用 writing-mode 属性

行内方向开始处的边框位置受 writing-mode গুণ প্রভাব:

div {
  border-inline-start-style: solid;
  writing-mode: vertical-rl;
  border-inline-start-color: 5px;
}

আপনার হাতে করুন

例子 3

使用 direction 属性

行内方向开始和结束处的边框位置受 direction গুণ প্রভাব:

div {
  direction: rtl;
  border-inline-start-color: hotpink;
}

আপনার হাতে করুন

CSS গঠনশৈলী

border-inline-start-color: রঙ|transparent|initial|inherit;

গুণ মান

মান বর্ণনা
রঙ বর্তমান রঙকে সংজ্ঞায়িত করুন।দেখুন:CSS রং মান.
ট্রান্সপারেন্ট বর্তমান রঙকে সংজ্ঞায়িত করুন
ইনিশিয়াল এই গুণটিকে তার ডিফল্ট মানে ন্যায়িত্ব করুন।দেখুন ইনিশিয়াল.
ইনহারিট এই গুণটি তার পিতৃত্ব এলিমেন্ট থেকে ইনহারিট করে।দেখুন ইনহারিট.

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

ডিফল্ট মান: এলিমেন্টের বর্তমান রঙ
পৃথকতা: না
অ্যানিমেশন নির্মাণ: সমর্থনকারীতা: দেখুন:অ্যানিমেশন-সংক্রান্ত গুণ.
সংস্করণ: CSS3
জেভাস্ক্রিপ্ট গঠনশৈলী: object.style.borderInlineStartColor="pink"

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

টেবিলের সংখ্যা এটা এই অপার্টিটির প্রথম সম্পূর্ণ সমর্থনকারী ব্রাউজারের সংস্করণ

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

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

পাঠ্যক্রম:CSS বর্তনী

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

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

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

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

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

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

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

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

রেফারেন্স:CSS ডাইরেকশন প্রতিভা

রেফারেন্স:CSS text-orientation এটিভি

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