Siirry sivun sisältöön Avut CSS HTML JavaScript Kotisivu

border-color

border-color on pikakirjoitusominaisuus, jolla voidaan yhdistää elementin kaikkien reunaviivojen väritys yhdeksi ilmoitukseksi. Arvoiksi kelpaavat väriarvot, sekä avainsanat: transparent (läpinäkyvä) ja inherit (ominaisuus perii arvonsa emoelementiltään).

DOM-viittaus: olio.style.borderColor

Huomiot

Ominaisuudelle ilmoitetaan yhdestä neljään tyhjämerk(e)illä erotettua arvoa, joiden vaikutusalue riippuu ilmoitettujen arvojen lukumäärästä seuraavasti:

Esimerkki

Huomio! Tämän esimerkin toiminnallisuus vaatii tyylitukea.

Tämä on esimerkkielementti, jolle on pyydetty seuraavat tyylimääritykset:

#esimerkkielementti {
border:5px dotted #aaa;/*reunaviiva ympärille*/
border-color:#aaa;/*edellisen säännön 3. arvo*/
}

Elementin emolle on määritetty border-color-ominaisuuden arvoksi orange.

Lisätietoja englanniksi

CSS 2.1 -ominaisuusreferenssi | CSS 2.1 -laatikko-ominaisuudet