title: CSS default border color
body: <p>Let we have the following html markup:</p>
  
  <pre><code>&lt;div id="parent" class="parent"&gt;
      &lt;div id="child" class="child"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and corresponding css styles:</p>
  
  <pre><code>.parent{
      border-style: solid;
      border-color: green;
      border-bottom: solid 10px;
      background:grey;
      width: 300px;
      height: 300px;
      padding: 10px;
  }
  .child{
      border: 20px solid;
      background: aqua;
      height: 50px;
      margin: 10px;
  }
  </code></pre>
  
  <p><div class="snippet" data-lang="js" data-hide="true">
  <div class="snippet-code snippet-currently-hidden">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.parent {
    border-style: solid;
    border-color: green;
    border-bottom: solid 10px;
    background: grey;
    width: 300px;
    height: 300px;
    padding: 10px;
  }
  .child {
    border: 20px solid;
    background: aqua;
    height: 50px;
    margin: 10px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="parent" class="parent"&gt;
    &lt;div id="child" class="child"&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>We can see that child's border color is black, but i dont define this color explicitly. </p>
  
  <p>How I can change this default color to green?</p>