barva obrobe border-color

Barva obrobe (ang. Border color)

Lastnost border-color se uporablja za nastavitev barve štirih obrob. Barvo lahko nastavimo z imenom, kjer določimo ime barve, s HEX, RGB ali HSL vrednostjo. Če barva obrobe ni nastavljena, podeduje barvo elementa.

<!DOCTYPE html>
<html lang="sl">
<head>
 <meta charset="UTF-8">
 <title>border-color</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

p.dotted {border-style: dotted; border-width: 1px; border-color: green;}
 p.dashed {border-style: dashed; border-width: 2px; border-color: yellow;}
 p.solid {border-style: solid; border-width: 2px 8px; border-color: #ffa500;}
 p.double {border-style: double; border-width: 6px; border-color: gold;}
 p.groove {border-style: groove; border-width: 12px 20px; border-color: rgb(165, 42, 42);}
 p.ridge {border-style: ridge; border-width: 12px; border-color: hsl(195, 53%, 79%);}
 p.inset {border-style: inset; border-width: 20px 40px; border-color: pink;}
 p.outset {border-style: outset; border-width: 20px 40px; border-color: #800080;}
 </style>
</head>
<body>
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
Dobrodošli v CSS vadnici.
</body>
</html>