title: How to remove all margin and padding from my Google Chrome packaged app content?
body: <p><a href="https://developer.chrome.com/apps/app_window" rel="nofollow">This page says</a> (in three places):</p>
  
  <blockquote>
    <p>Note that the padding between the inner and outer bounds is determined by the OS.</p>
  </blockquote>
  
  <p>I want to remove all padding and margins from the bounds of my Chrome App (f/k/a Google Chrome Packaged App). In some circles, this effect is known as <strong><em>fullbleed</em></strong>. In other words, I want the content to touch all the edges of the screen or viewport.</p>
  
  <p><strong>How do I accomplish this? Or is it impossible?</strong></p>
  
  <p>Note: My below hack of using negative margins and padding in the style attribute is just that. A hack. But if you can't give me a proper solution, I'll take a hack that works better than the one I have so far.</p>
  
  background.js
  
  <pre><code>chrome.app.runtime.onLaunched.addListener(function() {
      chrome.app.window.create('window.html', {
          'outerBounds': {
              'width': 400,
              'height': 500,
          },
          'state': 'fullscreen'
      });
  });
  </code></pre>
  
  window.html
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
      &lt;/head&gt;
      &lt;body style="margin: -15px; padding: -15px"&gt;
          &lt;webview src="http://www.google.com/"
                   style="width:100vw; height:100vh"&gt;
          &lt;/webview&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>