המאפיין border-color מגדיר את צבע המסגרת
דוגמא: שנה את צבע המסגרת
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| rgb(0, 0, 255) | ✔️ | ✔️ | ✔️ | ✔️ |
| black | ✔️ | ✔️ | ✔️ | ✔️ |
| silver | ✔️ | ✔️ | ✔️ | ✔️ |
| gray | ✔️ | ✔️ | ✔️ | ✔️ |
| white | ✔️ | ✔️ | ✔️ | ✔️ |
| maroon | ✔️ | ✔️ | ✔️ | ✔️ |
| red | ✔️ | ✔️ | ✔️ | ✔️ |
| purple | ✔️ | ✔️ | ✔️ | ✔️ |
| fuchsia | ✔️ | ✔️ | ✔️ | ✔️ |
| green | ✔️ | ✔️ | ✔️ | ✔️ |
| lime | ✔️ | ✔️ | ✔️ | ✔️ |
| olive | ✔️ | ✔️ | ✔️ | ✔️ |
| yellow | ✔️ | ✔️ | ✔️ | ✔️ |
| navy | ✔️ | ✔️ | ✔️ | ✔️ |
| blue | ✔️ | ✔️ | ✔️ | ✔️ |
| teal | ✔️ | ✔️ | ✔️ | ✔️ |
| aqua | ✔️ | ✔️ | ✔️ | ✔️ |
| transparent | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
דוגמא: שנה את צבע סגנון ועובי המסגרת