CSS border-block-end 属性

Pagsasaayos at Paggamit

border-block-end Ang mga katangian ng CSS ay ang shorthand ng mga sumusunod na katangian:

• border-block-end-width
• border-block-end-style
• border-block-end-color

CSS border-block-end Katangian ay ang isang shorthand ng mga katangian ng CSS: border-bottom,border-left,border-right at border-top Ang mga katangian ay napakakatulad, ngunit border-block-end Ang katangian ay apektado ng direksyong bloke.

Pansin:Mga katangian na may kaugnayan writing-mode Nagtatag ng direksyong bloke. Ito ay apektado ng posisyon ng punto ng pagsisimula at katapusan ng bloke at ng mga katangian ng CSS. border-block-end Ang resulta ng katangian. Para sa pahina sa Ingles, ang direksyong inline ay mula kanan papunta sa kaliwa, ang direksyong bloke ay papunta pababa.

Halimbawa

Mga Halimbawa 1

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

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

Subukan Nang Higit Pa

Mga Halimbawa 2: Pagkakasama ng Katangian ng writing-mode

Ang posisyon ng border sa katapusan ng direksyong bloke ay apektado ng: writing-mode Pansin ang Epekto ng Katangian:

div {
  writing-mode: vertical-rl;
  border-block-end: dotted blue;
}

Subukan Nang Higit Pa

CSS Syntax

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

Halaga ng Katangian

Detalye ng Teknolohiya

Suporta ng Browser

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

Pagkakabit ng Wika

Tuturial:CSS 边框

参考：CSS border 属性

参考：CSS border-block 属性

参考：CSS border-block-color 属性

参考：CSS border-block-start-color 属性

参考：CSS border-bottom-color 属性

参考：CSS border-left-color 属性

参考：CSS border-right-color 属性

参考：CSS border-top-color 属性

参考：CSS writing-mode 属性