Barva ohraničení CSS
Barva ohraničení CSS
Vlastnost border-color
se používá k nastavení barvy čtyř okrajů.
Barvu lze nastavit:
- jméno - zadejte název barvy, například "červená"
- HEX – zadejte hodnotu HEX, například „#ff0000“
- RGB – zadejte hodnotu RGB, například „rgb(255,0,0)“
- HSL – zadejte hodnotu HSL, například "hsl(0, 100%, 50%)"
- průhledný
Poznámka: Pokud border-color
není nastaveno, zdědí barvu prvku.
Příklad
Ukázka různých barev ohraničení:
p.one
{
border-style: solid;
border-color: red;
}
p.two
{
border-style: solid;
border-color: green;
}
p.three {
border-style: dotted;
border-color:
blue;
}
Výsledek:
Red border
Green border
Blue border
Specifické barvy stran
Vlastnost border-color
může mít jednu až čtyři hodnoty (pro horní ohraničení, pravé ohraničení, dolní ohraničení a levé ohraničení).
Příklad
p.one {
border-style: solid;
border-color: red green blue yellow;
/* red top, green right, blue bottom and yellow left */
}
HEX hodnoty
Barvu ohraničení lze také určit pomocí hexadecimální hodnoty (HEX):
Příklad
p.one {
border-style: solid;
border-color: #ff0000; /* red
*/
}
Hodnoty RGB
Nebo pomocí hodnot RGB:
Příklad
p.one {
border-style: solid;
border-color: rgb(255, 0, 0);
/* red */
}
Hodnoty HSL
Můžete také použít hodnoty HSL:
Příklad
p.one {
border-style: solid;
border-color: hsl(0, 100%, 50%);
/* red */
}
Více o hodnotách HEX, RGB a HSL se můžete dozvědět v našich kapitolách Barvy CSS .