CSS border-block-end-color ominaisuus

上一页 border-block-end
Seuraava sivu border-block-end-style

Määritelmä ja käyttö

border-block-end-color ominaisuus asetetaan elementin reunaväriin rivin suunta loppupäässä.

Huomaa:Ominaisuus border-block-end-color Ominaisuus vaikuttaa, kun border-block-end-style ominaisuus.

CSS border-block-end-color ominaisuus on samanlainen kuin CSS ominaisuus border-bottom-width,border-left-width,border-right-width ja border-top-width Vähän erilainen, mutta border-block-end-color Ominaisuus riippuu rivin suunnasta.

Huomaa:liittyviin CSS ominaisuuksiin writing-mode Määrittää rivin suunnan. Tämä vaikuttaa rivin alkuun ja loppuun sekä border-block-end-color Ominaisuuden vaikutus. Englanninkielisillä sivuilla sisäinen suunta on vasemmalta oikealle, rivin suunta alas.

Esimerkki

Esimerkki 1

Aseta reunaväri rivin suunta loppupäässä:

div {
  border-block-end-style: solid;
  border-block-end-color: pink;
}

Kokeile itse:

Esimerkki 2: writing-mode ominaisuuden yhdistäminen

Rivin suunta loppupäässä reunaväri sijaitsee writing-mode Ominaisuuden vaikutus:

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

Kokeile itse:

CSS syntaksi

border-block-end-color: color|transparent|initial|inherit;

Ominaisuusarvo

Arvo	Kuvaus
color	Määritä reunaväri. Oletuksena se on elementin nykyvä väri. Katso:CSS väriarvot.
transparent	Määritä reunaväri transparentiksi.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Peri tämän ominaisuuden arvon isältä elementiltä. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo:	Elementin nykyvä väri
Perintä:	Ei
Animaation tekeminen:	Tuki. Katso:Animaatiot:.
Versio:	CSS3
JavaScript kieli:	object.style.borderBlockEndColor="pink"