styling-css-04-f-isvalid.html (6206B)
1 <!DOCTYPE html> 2 <html lang='en'> 3 <head> 4 <title>styling-css-04-f-manual.svg</title> 5 <meta charset='utf-8'> 6 </head> 7 <body> 8 <h1>Source SVG: styling-css-04-f-manual.svg</h1> 9 <svg version="1.1" baseProfile="full" id="svg-root" 10 width="100%" height="100%" viewBox="0 0 480 360" 11 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 12 <!--======================================================================--> 13 <!--= SVG 1.1 2nd Edition Test Case =--> 14 <!--======================================================================--> 15 <!--= Copyright 2009 World Wide Web Consortium, (Massachusetts =--> 16 <!--= Institute of Technology, European Research Consortium for =--> 17 <!--= Informatics and Mathematics (ERCIM), Keio University). =--> 18 <!--= All Rights Reserved. =--> 19 <!--= See http://www.w3.org/Consortium/Legal/. =--> 20 <!--======================================================================--> 21 22 <title id="test-title">$RCSfile: styling-css-04-f.svg,v $</title> 23 <defs> 24 <font-face font-family="SVGFreeSansASCII" unicode-range="U+0-7F"> 25 <font-face-src> 26 <font-face-uri xlink:href="../resources/SVGFreeSans.svg#ascii"/> 27 </font-face-src> 28 </font-face> 29 </defs> 30 <g id="test-body-content" font-family="SVGFreeSansASCII,sans-serif" font-size="18"> 31 <g fill="white"> 32 <text x="240" y="35" font-size="20" text-anchor="middle">CSS selector test</text> 33 <defs> 34 <style> 35 * {stroke:red; stroke-width:1;} /* 0 */ 36 text {stroke:none; fill:black;} /* 1 */ 37 rect {stroke:black; stroke-dasharray:none;} /* 1 */ 38 #test-frame {fill:none} /* 100 */ 39 g#alpha {fill:blue} /* 101 */ 40 a#alpha {fill:red} /* 101 */ 41 #alpha * rect {fill:green} /* 101 */ 42 #alpha-2 > rect {fill:orange} /* 101 */ 43 #beta rect {fill:gold} /* 101 */ 44 g#gamma * g * * rect {fill:silver} /* 103 */ 45 g#gamma * * rect {fill:purple} /* 102 */ 46 [stroke-width="1.0001"] {fill:blue} /* 10 */ 47 g#delta rect[stroke-width="1.0002"] {fill:green} /* 112 */ 48 g#delta > rect[stroke-width="1.0003"] {fill:orange} /* 102 */ 49 #delta + g > * {fill:gold} /* 101 */ 50 g#delta + g > rect + rect {fill:purple} /* 104 */ 51 #delta + g#epsilon * rect:first-child {fill:silver} /* 202 */ 52 #zeta [cursor] {fill:blue} /* 110 */ 53 g#zeta [cursor="help"] {fill:green} /* 111 */ 54 g#zeta [rx~="3E"] {fill:orange} /* 111 */ 55 g#epsilon + g [stroke-dasharray|="3.1415926"] {fill:gold} /* 112 */ 56 g#epsilon + g > rect.hello {fill:purple} /* 113 */ 57 g#eta rect:first-child {fill:silver} /* 102 */ 58 </style> 59 </defs> 60 <g id="alpha"> 61 <rect x="30" y="70" width="67.5" height="67.5" id="A1"/> 62 <g id="alpha-1"> 63 <rect x="100" y="70" width="67.5" height="67.5" id="B1" /> 64 </g> 65 <g id="alpha-2"> 66 <rect x="170" y="70" width="67.5" height="67.5" id="C1"/> 67 </g> 68 </g> 69 <g id="beta"> 70 <g> 71 <g> 72 <g> 73 <g> 74 <g> 75 <rect x="240" y="70" width="67.5" height="67.5" id="D1"/> 76 </g> 77 </g> 78 </g> 79 </g> 80 </g> 81 </g> 82 <g id="gamma"> 83 <g> 84 <g> 85 <rect x="310" y="70" width="67.5" height="67.5" id="E1"/> 86 <g> 87 <g> 88 <rect x="380" y="70" width="67.5" height="67.5" id="F1"/> 89 </g> 90 </g> 91 </g> 92 </g> 93 </g> 94 <g id="delta"> 95 <rect x="30" y="140" width="67.5" height="67.5" stroke-width="1.0001" id="A2"/> 96 <rect x="100" y="140" width="67.5" height="67.5" stroke-width="1.0002" id="B2"/> 97 <rect x="170" y="140" width="67.5" height="67.5" stroke-width="1.0003" id="C2"/> 98 </g> 99 <g id="epsilon"> 100 <rect x="240" y="140" width="67.5" height="67.5" id="D2"/> 101 <rect x="310" y="140" width="67.5" height="67.5" id="E2"/> 102 <g> 103 <rect x="380" y="140" width="67.5" height="67.5" id="F2"/> 104 </g> 105 </g> 106 <g id="zeta"> 107 <rect x="30" y="210" width="67.5" height="67.5" cursor="default" id="A3"/> 108 <rect x="100" y="210" width="67.5" height="67.5" cursor="help" id="B3"/> 109 <rect x="170" y="210" width="67.5" height="67.5" stroke-dasharray="5, 3.14" id="C3" style="fill:orange"/> 110 <rect x="240" y="210" width="67.5" height="67.5" rx="3E-6" stroke-dasharray="3.1415926,8" id="D3" style="fill:gold"/> 111 <rect x="310" y="210" width="67.5" height="67.5" class="hello" id="E3"/> 112 </g> 113 <g id="eta"> 114 <rect x="380" y="210" width="67.5" height="67.5" id="F3"/> 115 </g> 116 <g id="labels" font-size="16" font-family="Arial, Helvetica, sans-serif"> 117 <text x="64" y="60" text-anchor="middle">A</text> 118 <text x="133" y="60" text-anchor="middle">B</text> 119 <text x="200" y="60" text-anchor="middle">C</text> 120 <text x="270" y="60" text-anchor="middle">D</text> 121 <text x="340" y="60" text-anchor="middle">E</text> 122 <text x="410" y="60" text-anchor="middle">F</text> 123 <text x="20" y="113" text-anchor="middle">1</text> 124 <text x="20" y="183" text-anchor="middle">2</text> 125 <text x="20" y="253" text-anchor="middle">3</text> 126 </g> 127 </g> 128 </g> 129 <g font-family="SVGFreeSansASCII,sans-serif" font-size="32"> 130 <text id="revision" x="10" y="340" stroke="none" fill="black">$Revision: 1.8 $</text> 131 </g> 132 <rect id="test-frame" x="1" y="1" width="478" height="358"/> 133 <!-- comment out this watermark once the test is approved --> 134 <!--<g id="draft-watermark"> 135 <rect x="1" y="1" width="478" height="20" fill="red" stroke="black" stroke-width="1"/> 136 <text font-family="SVGFreeSansASCII,sans-serif" font-weight="bold" font-size="20" x="240" 137 text-anchor="middle" y="18" stroke-width="0.5" stroke="black" fill="white">DRAFT</text> 138 </g>--> 139 </svg> 140 </body> 141 </html>