currentColor
- Data publikacji
- Ostatnio edytowano
Przeznaczenie wartości currentColor
Wartość currentColor
jest równa wartości właściwości color, jaką posiada dany element HTML.
Przykład wartości currentColor
border-color:currentColor;
kolor obramowania tego elementu "div" uzależniony jest od wartości właściwości "color", jaka została ustalona dla tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "border-color" wraz z wartością "currentColor"
Kod źródłowy przykładu
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
border-width:5px;
border-style:solid;
border-color:currentColor;
color:blue;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
kolor obramowania tego elementu "div" uzależniony jest od wartości właściwości "color", jaka została ustalona dla tego elementu "div", ponieważ do tego elementu "div" została dodana właściwość "border-color" wraz z wartością "currentColor"
</div>
</body>
</html>
Interpretacja wartości currentColor
-
tak
-
tak
-
tak
-
tak
-
tak, lecz od wersji 9
-
tak
Zobacz więcej informacji o interpretacji wartości currentColor.