{"componentChunkName":"component---src-templates-blog-post-js","path":"/autocomplete-css-properties/","webpackCompilationHash":"f88477457d1b3d28a311","result":{"data":{"site":{"siteMetadata":{"title":"Inspect Element","author":"Bob Cool"}},"markdownRemark":{"id":"a36de8cf-934e-5a61-b189-b1cacd50e12f","excerpt":"Can’t remember a CSS property name but know the value you need? Chrome DevTools has you covered! Within the element.style section in DevTools start typing the…","html":"

Can’t remember a CSS property name but know the value you need?

\n

Chrome DevTools has you covered!

\n

Within the element.style section in DevTools start typing the value you want to use. If recognised, DevTools will create auto suggestions saving you time.

\n
\n

Example: You know you want your text to be ‘italic’ but can’t remember the ‘font-style’ property.

\n
\n
    \n
  1. Type ‘italic’ into the element.style section.
    2. \n
  2. \n

    DevTools will auto suggest:

    \n
    font-style:italic
    \n
    3. \n
  3. Magic.
    4. \n
","frontmatter":{"title":"CSS - Autocomplete CSS Properties","date":"August 27, 2019","description":"CSS - Autocomplete CSS Properties"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/autocomplete-css-properties/","previous":null,"next":{"fields":{"slug":"/unminify-javascript/"},"frontmatter":{"title":"JavaScript - Unminify JS Files"}}}}}