{"componentChunkName":"component---src-templates-blog-post-js","path":"/change-css-values-with-mouse-keyboard/","webpackCompilationHash":"f88477457d1b3d28a311","result":{"data":{"site":{"siteMetadata":{"title":"Inspect Element","author":"Bob Cool"}},"markdownRemark":{"id":"9f72f997-b9e4-598b-bc65-bc78e8e50665","excerpt":"You can change numerical property values in DevTools using the mouse scroller or keyboard arrow keys. Keyboard Up and down change the value by 1. ‘Alt + Up/Down…","html":"<p>You can change numerical property values in DevTools using the mouse scroller or keyboard arrow keys.</p>\n<p><strong>Keyboard</strong></p>\n<ul>\n<li>Up and down change the value by 1.</li>\n<li>‘Alt + Up/Down’ to change the value by 0.1.</li>\n<li>‘Shift + Up/Down’ to change the value by 10.</li>\n</ul>\n<p><strong>Mouse</strong></p>\n<ul>\n<li>One scroll of the mouse wheel changes the value by 1.</li>\n</ul>","frontmatter":{"title":"CSS - Change CSS values using the mouse or keyboard","date":"August 30, 2019","description":"CSS - Change CSS values using the mouse or keyboard"}}},"pageContext":{"isCreatedByStatefulCreatePages":false,"slug":"/change-css-values-with-mouse-keyboard/","previous":{"fields":{"slug":"/expand-child-nodes/"},"frontmatter":{"title":"HTML - Expand Child Nodes"}},"next":{"fields":{"slug":"/selecting-elements-in-the-console/"},"frontmatter":{"title":"JavaScript - Selecting Elements In The Console"}}}}}