blob: 56ed98083a62a4ec00d05c6e99d5b7b55bd15658 (
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
|
<!doctype html>
<html>
<title>CSS outline</title>
<link rel="match" href="svg-with-outline-ref.html">
<link rel="stylesheet" href="/fonts/ahem.css"/>
<style>
body { margin: 0; padding: 0; }
.test1 {
outline: 2px solid blue;
}
.test2 {
outline: 1px solid blue;
outline-offset: 2px;
}
</style>
<svg height=500>
<rect class="test1" x="10" y="10" width="20" height="20" fill="green"/>
<rect class="test2" x="10" y="50" width="20" height="20" fill="green"/>
<text font-family="Ahem" font-size="100px" class="test1" x="10" y="200">X</text>
</svg>
|
