title: Linear gradients in SVG without defs
body: <p>I can use linear gradient in SVG with defs-section like:</p>
  
  <pre><code>&lt;svg xmlns="http://www.w3.org/2000/svg"
       xmlns:xlink="http://www.w3.org/1999/xlink"&gt;
  
    &lt;defs&gt;
      &lt;linearGradient id="myLinearGradient1"
                      x1="0%" y1="0%"
                      x2="0%" y2="100%"
                      spreadMethod="pad"&gt;
        &lt;stop offset="0%"   stop-color="#00cc00" stop-opacity="1"/&gt;
        &lt;stop offset="100%" stop-color="#006600" stop-opacity="1"/&gt;
      &lt;/linearGradient&gt;
    &lt;/defs&gt;
  
    &lt;rect x="0" y="0" width="100" height="100"
       style="fill:url(#myLinearGradient1)" /&gt;
  
  &lt;/svg&gt;
  </code></pre>
  
  <p>Can I use linear gradient without defs-section?  I find something like this:</p>
  
  <pre><code>&lt;rect style="fill:lineargradient(foo)"&gt;
  </code></pre>