In Safari's web inspector tools, when modifying a CSS property of an element, is there a way to increment with the keyboard's up and down arrows like in Chrome?


Use Option + up or down arrow, the list of inspector shortcut can be found here. https://developer.apple.com/library/content/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/KeyboardShortcuts/KeyboardShortcuts.html

  • Thanks for that. They didn't have this feature when I posted, perhaps they added it in a recent update? – Kevmon Oct 24 '17 at 9:52

You can now use just the up/down keys by themselves, without holding ⌥. Introduced in Safari Technology Preview 43, this will be making its way to the main build of Safari in the near future.

  • Enabled up and down arrows to modify CSS number values in the redesigned styles sidebar


Holding ⌥ now steps only by 0.1.

Up key increments a number, Down key decrements it.

Holding modifier keys changes the step value:

  • Option modifies the value by 0.1
  • Shift modifies the value by 10
  • Command modifies the value by 100


You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .