title: How to have an HTML element repeat to fit the entire background if it is not an image
body: <p>I would like to have a div element that I could set to repeat using CSS*, but it seems as though that is only possible with background image (background-image:...; background-repeat:repeat;). How can I do it with a regular div?</p>
  
  <p>note: the div contains an svg, which contains 2 polygons (2 right triangles that make a square. I want them to cover the entire screen).</p>
  
  <p>*Edit: Tried using CSS to do this, getting very weird results. I assume Javascript is a better option for this. </p>
  
  <pre><code>        &lt;div class='square' style="background-repeat:repeat-x;"&gt;
              &lt;svg viewBox='0 0 100 100'&gt;
                  &lt;polygon points='0,0 2,0 0,2' /&gt;
                  &lt;polygon points='2,0 2,2 0,2' /&gt;
              &lt;/svg&gt;
          &lt;/div&gt;
  </code></pre>