CSS border-inline-end-color ominaisuus

Edellinen sivu border-inline-end
Seuraava sivu border-inline-end-style

Määrittely ja käyttö

border-inline-end-color Ominaisuuden asettaminen elementin riveen suuntaisen reunan väriä.

Ominaisuus riippuu sisäisestä suunnasta.Jotta border-inline-end-color Ominaisuuden voimaantuloon on asetettava border-inline-end-style Ominaisuus.

CSS border-inline-end-color ominaisuudet Ominaisuudet,border-bottom-color,border-left-color ja border-right-color border-top-color border-inline-end-color Ominaisuudet ovat hyvin samankaltaisia, mutta

Ominaisuus riippuu sisäisestä suunnasta.huomioitavaa: writing-mode,liittyviin CSS-ominaisuuksiin ja direction Määrittelee sisäisen suunnan. Tämä vaikuttaa rivin alkupisteeseen ja loppupisteeseen sekä border-inline-end-color Ominaisuuden vaikutus. Englanninkielisillä sivuilla sisäinen suunta on vasemmalta oikealle, lohko suunta on alas.

Esimerkki

Esimerkki 1

Aseta sisäisen suunnan lopun reunan väri:

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

Kokeile itse:

Esimerkki 2: Yhdistettynä writing-mode-ominaisuuteen

Sisäisen suunnan lopun reunan sijainti riippuu writing-mode Ominaisuuden vaikutus:

div {
  border-inline-end-style: solid;
  writing-mode: vertical-rl;
  border-inline-end-color: blue;
}

Kokeile itse:

Esimerkki 3: Yhdistettynä direction-ominaisuuteen

Sisäisen suunnan lopun reunan sijainti riippuu direction Ominaisuuden vaikutus:

div {
  direction: rtl;
  border-inline-end-color: hotpink;
}

Kokeile itse:

CSS-kieli

border-inline-end-color: väri|läpinäkyvä|initial|inherit;

Ominaisuusarvo

Arvo	Kuvaus
väri	Määritä reunaväri. Oletuksena on elementin nykyvä väri. Katso:CSS väriarvot.
läpinäkyvä	Määritä reunaväri tulee olla läpinäkyvä.
initial	Aseta tämä ominaisuus sen oletusarvon arvoon. Katso: initial.
inherit	Perii tämän ominaisuuden isältään. Katso: inherit.

Tekninen yksityiskohta

Oletusarvo:	Elementin nykyvä väri
Perinnäisyys:	Ei
Animaation tekeminen:	Tuki. Katso:Animaatiot.
Versio:	CSS3
JavaScript-kieli:	object.style.borderInlineEndColor="pink"