Hisia ya border-block-end ya CSS

Maelezo na matumizi

border-block-end Tabia za KiCSS ni muundo wa tabia za:

CSS border-block-end Tabia za KiCSS ni muundo wa tabia za: border-bottom,border-left,border-right na border-top Tabia hizi zinaongea kwa hivyo, lakini: border-block-end Tabia hizi inahusiana na ukingo wa kinalesha wa kina.

Tahadhari:Tazama: writing-mode Inaeleza ukingo wa kinalesha wa kina. Hii inaathiriwa na tabia za KiCSS: border-block-end Muundo wa tabia inaeleza tabia ya kinalesha ya kina. Kwa ukurasa wa Kiamerika, jinsia ya kina inaingia kusini na jinsia ya kinalesha inaingia kwa kushoto.

Mfano

Mfano 1

Inasababisha upana, rangi na uraia ya kinalesha katika kinalesha wa kinalesha wa kina:

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

Tafuta kwa urefu

Mfano 2: Kusambaa na tabia ya writing-mode

Leo ya kinalesha katika ukingo wa kinalesha wa kina inaathiriwa na: writing-mode Muundo wa tabia:

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

Tafuta kwa urefu

Inayotumika KiCSS

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

Chaguo cha tabia

Chaguo Maelezo
border-block-end-width

Inasababisha upana wa kinalesha katika kinalesha inayotumika katika ukingo wa kinalesha wa kina.

Chaguo cha kuzingatia ni "medium".
border-block-end-style

Inasababisha uraia ya kinalesha katika kinalesha inayotumika katika ukingo wa kinalesha wa kina.

Chaguo cha kuzingatia ni "none".
border-block-end-color

Inasababisha rangi ya kinalesha katika kinalesha inayotumika katika ukingo wa kinalesha wa kina.

Chaguo cha kuzingatia ni rangi ya kinalesha ya kufikia kwa kinalesha.
initial Kuingiza tabia hii kwa chaguo cha kuzingatia. Tazama: initial.
inherit Kunyanyashe tabia hii kutoka kwa kinalesha ya baba. Tazama: inherit.

Mafanikio ya teknolojia

Chaguo cha kuzingatia: medium none currentcolor
Kuzalishwa: Hapana
Harakisha: Inaonyeshwa. Tazama:Mafanikio ya harakisha.
Mwaka: CSS3
Inayotumika KiJavaScript: object.style.borderBlockEnd="pink dotted 5px"

Muungano wa kinalesha

Maneno ya kufikia katika tabia hii ya kinalesha inaonyesha na msingi wa kufikia kwa kinalesha ya kwanza ya kufikia tabia hii.

Chrome Edge Firefox Safari Opera
69.0 79.0 41.0 12.1 56.0

Pembenetemea

Mafunzo:Kifupi cha CSS

Tunazungumza KuhusuHisia ya border ya CSS

Tunazungumza KuhusuHisia ya border-block ya CSS

Tunazungumza KuhusuHisia ya border-block-color ya CSS

Tunazungumza KuhusuHisia ya border-block-start-color ya CSS

Tunazungumza KuhusuHisia ya border-bottom-color ya CSS

Tunazungumza KuhusuMfano wa CSS border-left-color

Tunazungumza KuhusuMfano wa CSS border-right-color

Tunazungumza KuhusuMfano wa CSS border-top-color

Tunazungumza KuhusuMwaka wa CSS writing-mode