blob: 3fd1393888e8c46b4912f5024f2436f401d7dd24 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<!DOCTYPE html>
<html>
<head>
<title>Test SVG image with currentColor property</title>
<style>
body {
margin: 1em;
}
.container {
border: 1px solid black;
padding: 1em;
background: lightcyan;
color: darkred;
}
</style>
</head>
<body>
<div class="container">
<p>The following SVG image contains two elements with the
<code>currentColor</code> specification in fill and stroke, respectively.
This special color maps to the same value for the color of the image
element. These values are controlled by the CSS style of the page.</p>
<p>You should see a darkred background around the image (like this text
color) <b>not a black background</b>. You should also see a inner circle
in darkred not black.</p>
<img src="svg-current-color.png">
</div>
</body>
</html>
|
