A border-top-color, border-left-color, border-right-color, border-bottom-color valamint border-color tulajdonságok

Ezek a tulajdonságok a keret színét adják meg.

A border-top-color, border-left-color, border-bottom-color és a border-right-color tulajdonságok rendre a felső, bal, alsó és jobb oldalon használandó színt adja meg. Míg a border-color ezeket együtt teszi lehetővé a következőképpen:

1. Ha egyetlen értéke van, akkor az egyszerre érvényes mind a négy oldalra.
2. Ha két érték szerepel, akkor az első az alsó és a felső színt, a második a jobb- és baloldali színt határozza meg.
3. Ha három érték szerepel, akkor az első a felül, a második a jobb- és baloldalon, a harmadik az alul használandó színt határozza meg.
4. Négy érték megadása esetén az értékek rendre a felső, jobb, alsó, bal oldalra alkalmazandó színt adják meg.

Az alkalmazható érték egy színérték lehet, vagy az inherit, amely az elemet tartalmazó elemtől történő szín öröklését írja elő. A border-color tulajdonság felveheti még a transparent értéket is, amely azt jelenti, hogy a keret átlátszó lesz, amely esetben ugyan nem látszik, de a szélessége még számít. Ellenben ha a keret szélessége nulla, akkor a színének már nem lehet értelme.

Amennyiben a keret színe nincs beállítva, akkor a böngésző alapértelmezésben az elem color tulajdonságában megadott értéke szerinti színt adja a keretnek.