Inspect ElementLogo

CSS - Change CSS values using the mouse or keyboard

August 30, 2019

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’ to change the value by 0.1.
  • ‘Shift + Up/Down’ to change the value by 10.

Mouse

  • One scroll of the mouse wheel changes the value by 1.

Get tips in your inbox...

Inspect Element is a collection of Chrome Developer Tool tips learnt over time. From simple usability tips to complex JavaScript debugging.