• Reference
  • JSON.stringify would be the fastest way to get the results of some JSON in a copy-paste compatible way.

Understanding the “Initial”, “Inherit” and “Unset” CSS Keywords

Reference

• Every property has an initial value. Like line-height will have normal.
• Each User-Agent has a browser style. This is why font-size might be different in other browsers for H1. By itself, HTML elements do not have initial style values.
• inherit - tells the browser to search for the closest parent element’s value and let the current element inherit that value.
• initial - Use the default value of the given property.
  • For a div, display: initial actually means it becomes an inline rather than a block - this is cause block is from the user agent.
• unset:
  • Inherited properties - example of this is color: color cascades down. An unset on the child would set
    • inherit - same.
    • unset - same.
  • Non-inherited properties - border does not cascade down.
    • inherit- set to whatever is the closest.
    • unset - remove style.
• So it really doesn’t remove a cascaded rule :(