title: What is use of 'initial' value in CSS?
body: <p>I thought that the <code>initial</code> value would restore initially rendered styles (as applied by a browser's internal user-agent stylesheet).</p>
  
  <p>Example:</p>
  
  <pre><code>div.inline {
    display: inline;
  }
  
  div.initial {
    display: initial;
  }
  </code></pre>
  
  <p>I expected the <code>div.inline</code> rule would display <code>&lt;div class="inline"&gt;</code> in inline mode, and the <code>div.initial</code> rule would display <code>&lt;div class="initial"&gt;</code> using a <code>div</code>'s original display value of <code>block</code>.</p>
  
  <p>But when I explore this, <code>&lt;div class="initial"&gt;</code> displays inline. Am I wrong? Can anyone elaborate more on this?</p>