Styl borderColor Vlastnost
Příklad
Změňte barvu čtyř ohraničení prvku <div> na červenou:
document.getElementById("myDiv").style.borderColor = "red";
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost borderColor nastavuje nebo vrací barvu ohraničení prvku.
Tato vlastnost může nabývat jedné až čtyř hodnot:
- Jedna hodnota, jako: p {border-color: red} - všechny čtyři okraje budou červené
- Dvě hodnoty, jako: p {border-color: red transparent} - horní a dolní okraj bude červený, levý a pravý okraj bude průhledný
- Tři hodnoty, jako: p {border-color: red green blue}- horní okraj bude červený, levý a pravý okraj bude zelený, spodní okraj bude modrý
- Čtyři hodnoty, jako: p {border-color: červená zelená modrá žlutá} - horní okraj bude červený, pravý okraj bude zelený, spodní okraj bude modrý, levý okraj bude žlutý
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
borderColor | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Syntax
Vraťte vlastnost borderColor:
object.style.borderColor
Nastavte vlastnost borderColor:
object.style.borderColor = "color|transparent|initial|inherit"
Hodnoty vlastností
Value | Description |
---|---|
color | Specifies the color of the border. Look at CSS Color Values for a complete list of possible color values. Default color is the current color of the element |
transparent | The color of the border is transparent (underlying content will shine through) |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Technické údaje
Výchozí hodnota: | aktuální barva |
---|---|
Návratová hodnota: | Řetězec představující barvu ohraničení prvku |
Verze CSS | CSS1 |
Další příklady
Příklad
Změňte barvu horního a spodního okraje na zelenou a levého a pravého okraje na fialovou u prvku <div>:
document.getElementById("myDiv").style.borderColor = "green purple";
Příklad
Vraťte barvu ohraničení prvku <div>:
alert(document.getElementById("myDiv").style.borderColor);
Související stránky
CSS tutoriál: CSS Border
CSS reference: vlastnost border-color
Odkaz HTML DOM: vlastnost border