svg-with-outline.html (558B)
1 <!doctype html> 2 <html> 3 <title>CSS outline</title> 4 <link rel="match" href="svg-with-outline-ref.html"> 5 <link rel="stylesheet" href="/fonts/ahem.css"/> 6 7 <style> 8 body { margin: 0; padding: 0; } 9 .test1 { 10 outline: 2px solid blue; 11 } 12 .test2 { 13 outline: 1px solid blue; 14 outline-offset: 2px; 15 } 16 </style> 17 18 <svg height=500> 19 <rect class="test1" x="10" y="10" width="20" height="20" fill="green"/> 20 21 <rect class="test2" x="10" y="50" width="20" height="20" fill="green"/> 22 23 <text font-family="Ahem" font-size="100px" class="test1" x="10" y="200">X</text> 24 </svg>