CSS border-inline-end-width 属性

Paglilinaw at paggamit

border-inline-end-width Ang lakas ng border sa dulo ng direksyon ng hilera ng setting ng atributo.

Bilinan:Upang magamit border-inline-end-width Ang katangian ay magiging epektibo, dapat na itong itatag: border-inline-end-style katangian.

CSS border-inline-end-width Katangian ay katulad ng katangian ng CSS border-bottom-width,border-left-width,border-right-width at border-top-width Masyadong katulad, ngunit border-inline-end-width Ang katangian ay umaasa sa inlinang direksyon.

Bilinan:mga katangian ng CSS na may kaugnayan writing-mode,text-orientation at direction Nagtatag ng inlinang direksyon. Ito ay makakaapektuhan sa simula at katapusan ng isang linya, at border-inline-end-width Ang resulta ng katangian. Para sa pahina na may Ingles, ang inlinang direksyon ay mula sa kaliwa papunta sa kanan, ang bloke direksyon ay mula taas papunta sa ilalim.

Halimbawa

Halimbawa 1

I-set ang lapad ng border sa katapusan ng inlinang direksyon:

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

Subukan ninyo mismo

Halimbawa 2: Kombinasyon ng katangian ng writing-mode

Ang posisyon ng border sa katapusan ng inlinang direksyon ay nakaapektuhan ng: writing-mode Iapektuhan ng katangian:

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

Subukan ninyo mismo

Halimbawa 3: Kombinasyon ng katangian ng direction

Ang posisyon ng border sa simula at katapusan ng inlinang direksyon ay nakaapektuhan ng: direction Iapektuhan ng katangian:

div {
  direction: rtl;
  border-inline-end-width: 10px;
}

Subukan ninyo mismo

Syntax ng CSS

border-inline-end-width: medium|thin|thick|length|initial|inherit;

Halaga ng katangian

Halaga Paglalarawan
medium Tukuyin ang medium na border. Default na halaga.
thin Tukuyin ang maliit na border.
thick Tukuyin ang malalaking border.
length Hahayaan ninyong tangkilikin ang kapal ng border. Tingnan ang:Unit ng CSS.
initial I-set ang katangian na ito sa kanyang default na halaga. Tingnan ang: initial.
inherit Manggagaling sa kanyang magulang na elemento ang katangian na ito. Tingnan ang: inherit.

Detalye ng teknolohiya

Default na halaga: medium
Inheritance: Hindi
Paggawa ng animasyon: Sumusuporta. Tingnan ang:Mga katangian ng animasyon.
Bersyon: CSS3
Syntax ng JavaScript: object.style.borderInlineEndWidth="10px"

Suporta ng browser

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

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Mga pahina na may kaugnayan

Tuturial:CSS 边框

参考：CSS border 属性

参考：CSS border-inline 属性

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

参考：CSS border-inline-start-width 属性

参考：CSS border-bottom-width 属性

参考：CSS border-left-width 属性

参考：CSS border-right-width 属性

参考：CSS border-top-width 属性

参考：CSS direction 属性

参考：CSS text-orientation 属性

参考：CSS writing-mode 属性