CSS border-inline-color 属性

အသုံးပြုခြင်း နှင့် သတင်း

border-inline-color အစီအစဉ် အရ အရွယ်အစား လက်တွေးရောင် ပြင်ဆင်ခြင်း

注意：ပုံစံ border-inline-color ပုံစံ အသုံးပြုခြင်း border-inline-style。

border-inline-color ပုံစံ အဆင့် သုံးနိုင်ခြင်း

အကြောင်း border-inline-color ပုံစံ

border-inline-color: pink blue;

• အစွဲအစား လက်တွေးရောင်
• ပိတ်ခတ်ခြင်း လက်တွေးရောင်

အကြောင်း border-inline-color ပုံစံ

border-inline-color: blue;

• အစီအစဉ်အရ အစွဲအစား နှင့် ပိတ်ခတ်ခြင်း လက်တွေးရောင်

CSS border-inline-color ရှိသော border-bottom-color、border-left-color、border-right-color 和 border-top-color 属性非常相似，但 border-inline-color 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation 和 direction 定义了行内方向。这会影响一行的起始和结束位置，以及 border-inline-color 属性的效果。对于英文页面，行内方向是从左到右，块方向是向下。

实例

例子 1

为行内方向上的边框设置颜色：

#example1 {
  border-inline-style: solid;
  border-inline-color: pink;
}
#example2 {
  border-inline-style: solid;
  border-inline-color: pink lightblue;
}

亲自试一试

例子 2：结合 writing-mode 属性

行内方向上起始和结束位置的边框受 writing-mode 属性的影响：

div {
  border-inline-style: solid;
  writing-mode: vertical-rl;
  border-inline-color: blue;
}

亲自试一试

例子 3：结合 direction 属性

行内方向上起始和结束位置的边框受 direction 属性的影响：

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

亲自试一试

CSS 语法

border-inline-color: color|transparent|initial|inherit;

属性值

技术细节

浏览器支持

表格中的数字表示首个完全支持该属性的浏览器版本。

相关页面

教程：CSS 边框

参考：စီစဥ်စက်အခြေအဆိုး

参考：စီစဥ်စက်အခြေအဆိုး အခြေအဆိုး အအုံး

参考：စက်သုံးဆိုင်ရာ border-inline-style အကိုးအချုပ်

参考：စီစဥ်စက်အခြေအဆိုး အခြေအဆိုး အောက်ဘက် အရောင်

参考：စက်သုံးဆိုင်ရာ border-left-color အကိုးအချုပ်

参考：စက်သုံးဆိုင်ရာ border-right-color အကိုးအချုပ်

参考：စက်သုံးဆိုင်ရာ border-top-color အကိုးအချုပ်

参考：စက်တင်ချက် အသုံးပြုတဲ့ အင်္ဂလိပ်စကား အကြောင်းအရာ

参考：စက်တင် အစိတ်အဆင်းဖော်ပြခြင်း အကိုးအချုပ်

参考：စက်တင် အောက်ပါအချုပ် အစီအစဉ်ဖော်ပြခြင်း အကိုးအချုပ်