title: Problem with border syntax which happens to be shortcut
body: <p>I am currently learning CSS and I am on the part of course where the guy showed that you can use two different types of syntax to setup borders, but the 2nd one is something like shortcut. There I experienced problems.</p>
  <p>So when I do this:</p>
  <pre><code>h1 {
      color:rgba(4, 176, 15,.9)
      border-color:purple;
      border-width:5px;
      border-style:solid;
  } 
  </code></pre>
  <p>It is working perfectly.
  But when I do the next thing:</p>
  <pre><code>border: 5px solid purple;
  </code></pre>
  <p>It doesn't work.</p>
  <p>This is HTML file:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;About Me&lt;/title&gt;
      &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;C:\Users\aldin\OneDrive\Desktop\WebDev Kurs Zadatci\CSS\app.css&quot;&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;h1&gt;About Me&lt;/h1&gt;
  &lt;h4&gt;My Hobbies: &lt;/h4&gt;
  &lt;div&gt;
  &lt;ul&gt;
      &lt;li&gt;Programming&lt;/li&gt;
      &lt;li&gt;Eating&lt;/li&gt;
      &lt;li&gt;Playing video games&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  <p>and this is app.css file:</p>
  <pre><code>h1 {
      color:rgba(4, 176, 15,.9)
  /*  border-color:purple;
      border-width:5px;
      border-style:solid;*/
  
      border: 5px solid purple;
  }
  
  h4 {
      background: rgb(255,100,80)
  }
  
  body{
      background:pink;
      /*background: url(https://catchafallingstarbook.files.wordpress.com/2019/09/u-g-q104w810.jpg);
      background-repeat: no-repeat;
      background-size: cover;*/
  }
  </code></pre>
  <p>Where am I making mistake?</p>