CSS border-block-start-color ominaisuus

Edellinen sivu border-block-start
Seuraava sivu border-block-start-style

Määritelmä ja käyttö

border-block-start-color Ominaisuus asettaa elementin reunavärin kappaleen suunnan alkupisteessä.

Huomioitavaa:Ominaisuus vaikuttaa border-block-start-color Ominaisuus vaikuttaa, kun border-block-start-style -ominaisuuksia.

CSS border-block-start-color ominaisuudet vastaavat CSS-ominaisuuksia border-bottom-color,border-left-color,border-right-color ja border-top-color Erittäin samanlaisia, mutta border-block-start-color Ominaisuus riippuu kappaleen suunnasta.

Huomioitavaa:liittyviin CSS-ominaisuuksiin writing-mode Määrittelee kappaleen suunnan. Tämä vaikuttaa kappaleen alkupisteeseen ja loppupisteeseen sekä border-block-start-color Ominaisuuden vaikutus. English pagesissa sisäinen suunta on vasemmalta oikealle, kappaleen suunta on alas.

Esimerkki

Esimerkki 1

Aseta kappaleen suunnan alkupisteessä oleva reunaväri:

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

Kokeile itse:

Esimerkki 2: writing-mode-ominaisuuden yhdistäminen

Kappaleen suunnan alkupisteessä olevan reunavärin sijainti riippuu writing-mode Ominaisuuden vaikutus:

div {
  border-block-start-style: solid;
  writing-mode: vertical-rl;
  border-block-start-color: blue;
}

Kokeile itse:

CSS-kieli

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

Ominaisuusarvo

Arvo	Kuvaus
color	Määritä reunaväri. Oletuksena on elementin nykyvä väri. Katso:CSS väriarvot.
transparent	Määritä reunaväri tulee olla läpinäkyvä.
initial	Aseta tämä ominaisuus sen oletusarvoon. Katso: initial.
inherit	Periisi isältä elementiltä tämä ominaisuus. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo:	Elementin nykyvä väri
Perinnäisyys:	Ei
Animaation tekeminen:	TuenAnimaatiot.
Versio:	CSS3
JavaScript-kieli:	object.style.borderBlockStartColor="pink"