CSS border-inline-end 属性

定义和用法

border-inline-end 属性是以下属性的简写：

• border-inline-end-width（行内结束边框宽度）
• border-inline-end-style（行内结束边框样式）
• border-inline-end-color（行内结束边框颜色）

CSS 的 border-inline-end 属性与 border-bottom、border-left、border-right at border-top 属性非常相似，但 border-inline-end 属性依赖于行内方向。

注意：相关的 CSS 属性 writing-mode、text-orientation at direction Tukuyin ang direksyong inline. Ito ay makakaapekto sa simula at katapusan ng isang linya, at border-inline-end Ang resulta ng katangian. Para sa pahina na Ingles, ang direksyong inline ay mula sa kaliwa papunta sa kanan, ang direksyong bloke ay mula sa itaas papunta sa ibaba.

Eksemplo

Halimbawa 1

I-set ang lapad, kulay at estilo ng border sa katapusan ng direksyong inline:

div {
  border-inline-end: 10px solid pink;
}

Subukan nang personal

Halimbawa 2: Kaugnay ng katangian na writing-mode

Ang posisyon ng border sa katapusan ng direksyong inline ay nakakaapekto ng: writing-mode Epekto ng katangian:

div {
  writing-mode: vertical-rl;
  border-inline-end: 5px solid blue;
}

Subukan nang personal

Halimbawa 3: Kaugnay ng katangian na direction

Ang posisyon ng border sa katapusan ng direksyong inline ay nakakaapekto ng: direction Epekto ng katangian:

div {
  direction: rtl;
  border-inline-end: 5px solid hotpink;
}

Subukan nang personal

Syntax ng CSS

border-inline-end: border-inline-end-width border-inline-end-style border-inline-end-color|initial|inherit;

Halaga ng katangian

Detalye ng teknolohiya

Detalye ng teknolohiya

Suporta ng browser

Ang mga numero sa talahanayan ay naglalarawan ng unang bersyon ng browser na ganap na sumusuporta sa katangian.

Mga pahina na may kaugnayan

Tuturial:CSS 边框

参考：CSS border 属性

参考：CSS border-inline 属性

参考：CSS border-inline-end-style 属性

参考：CSS border-inline-end-color 属性

参考：CSS border-bottom-color 属性

参考：CSS border-left-color 属性

参考：CSS border-right-color 属性

参考：CSS border-top-color 属性

参考：CSS direction 属性

参考：CSS text-orientation 属性

参考：CSS writing-mode 属性