title: in ionic 2 what is the real difference between a directive, property, and an attribute?
body: <p>So a standard html attribute is one with the attribute name on the left and the value in quotes on the right. (class="buttons")
  To change something on an element in Ionic the syntax is value name only, no quotes. 
  However I've noticed that sometimes that value is called a directive, other times a property and other times an attribute. What's the difference?</p>
  
  <p>Here are examples of each from the docs : </p>
  
  <p>buttons use a standard  element, but are enhanced with an ion-button <strong>directive</strong>.</p>
  
  <pre><code>&lt;button ion-button&gt;Button&lt;/button&gt;
  </code></pre>
  
  <p>The color <strong>property</strong> sets the color of the button. Ionic includes a number of default colors which can be easily overridden:</p>
  
  <pre><code>&lt;button ion-button **color="light"** &gt;Light&lt;/button&gt;  
  </code></pre>
  
  <p>// what I consider an attribute is being called a property here.</p>
  
  <p>To use the outline style for a button, just add the outline <strong>property</strong>:</p>
  
  <pre><code> &lt;button ion-button color="light" **outline** &gt;Light Outline&lt;/button&gt;  //outline is called a property as well. 
  </code></pre>
  
  <p>Add the large <strong>attribute</strong> to make a button larger, or small to make it smaller:</p>
  
  <pre><code>&lt;button ion-button **large** &gt;Large&lt;/button&gt; 
  </code></pre>
  
  <p>//large is being called an attribute here. Why not call it a property or a directive? </p>
  
  <p>Does any of it make a difference or no? </p>