CSS kant-blok-afslutning egenskab

Forrige side border-block-color
Næste side border-block-end-color

Definisjon og bruk

border-block-end egenskapene er følgende egenskaper:

CSS border-block-end egenskaper er kortform for CSS- border-bottom,border-left,border-right og border-top Egenskapene er meget like, men border-block-end Egenskapen avhenger av blokkretningen.

Merk:relaterte CSS-egenskaper writing-mode Definerer blokkretningen. Dette påvirker start- og sluttposisjonen for blokker og border-block-end Egenskapens resultat. For engelske sider, inline-veiledningen er fra venstre til høyre, blokkretningen er nedover.

Eksempel

Eksempel 1

Sett bredd, farge og stil for kantlinjen i blokkretningen:

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

Prøv selv

Eksempel 2: Kombinert med writing-mode-egenskapen

Plasseringen av kantlinjen i blokkretningen påvirkes av writing-mode Egenskapens innvirkning:

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

Prøv selv

CSS-syntaks

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

Egenskapsverdi

Verdi	Beskrivelse
border-block-end-width	Angi kantbredden på elementet i blokkretningen. Standardverdien er "medium".
border-block-end-style	Angi kantstilen på elementet i blokkretningen. Standardverdien er "none".
border-block-end-color	Angi kantfargen på elementet i blokkretningen. Standardverdien er fargen på kantlinjen.
initial	Sett denne egenskapen til sin standardverdi. Se: initial.
inherit	Arver denne egenskapen fra sin foreldrelement. Se: inherit.

Teknisk detalj

Standardverdi:	medium none currentcolor
Arv:	Nei
Animasjonsproduksjon:	Støttet. Se:Animasjonsrelaterte egenskaper.
Versjon:	CSS3
JavaScript-syntaks:	object.style.borderBlockEnd="pink dotted 5px"