The touch-action CSS property determines whether touch input MAY trigger default behavior supplied by user agent. This includes, but is not limited to, behaviors such as panning or zooming. See the section on touch-action values.

Pointer Events Level 3 - W3C Editor's Draft
https://w3c.github.io/pointerevents/#the-touch-action-css-property

On the div element.

touch-action: auto

Same action as usual.

touch-action: none

If start to touch on this element, all default touch actions be ignored.

touch-action: pan-x

It should probably only be able to scroll horizontally.

touch-action: pan-left

[Experimental feature] It should probably only be able to scroll to left.

touch-action: pan-right

[Experimental feature] It should probably only be able to scroll to right.

touch-action: pan-y

It should probably only be able to scroll vertical.

touch-action: pan-up

[Experimental feature] It should probably only be able to scroll to up.

touch-action: pan-down

[Experimental feature] It should probably only be able to scroll to down.

touch-action: pinch-zoom

It should probably only be able to zoom with multiple fingers.

touch-action: manipulation

Same as `pan-x pan-y pinch-zoom`. But apparently, any additional behaviors supported by auto are out of scope for this specification.

On the button element.

Notice the movement when you double-tap on a button element with pinch-zoom (including manipulation) enabled.