touch-action
The touch-action property specifies how touch gestures are handled.
Formal Syntax
auto | none | [ [ pan-x | pan-left | pan-right ] || [ pan-y | pan-up | pan-down ] || pinch-zoom ] | manipulation
JavaScript Access
// Access via element.style
element.style.touchAction = 'auto';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| touch-action | 36 | 52 | 13 | 12 |
| manipulation | 36 | 52 | 13 | 12 |
| none | 36 | 52 | 13 | 12 |
| pan-down | 55 | — | — | 79 |
| pan-left | 55 | — | — | 79 |
| pan-right | 55 | — | — | 79 |
| pan-up | 55 | — | — | 79 |
| pan-x | 36 | 52 | 13 | 12 |
| pan-y | 36 | 52 | 13 | 12 |
| pinch-zoom | 56 | 85 | 13 | 12 |
Related Properties
- accent-color
- appearance
- caret-color
- cursor
- field-sizing
- pointer-events
- scrollbar-color
- scrollbar-gutter
- scrollbar-width
- user-select
- caret-animation 🧪
- caret-shape 🧪
- interactivity 🧪
- interest-delay 🧪
- interest-delay-end 🧪
- interest-delay-start 🧪
- box-snap 🚧
- caret 🚧
- event-trigger 🚧
- event-trigger-name 🚧
- event-trigger-source 🚧
- input-security 🚧
- line-snap 🚧
- nav-down 🚧
- nav-left 🚧
- nav-right 🚧
- nav-up 🚧
- pointer-timeline 🚧
- pointer-timeline-axis 🚧
- pointer-timeline-name 🚧
- slider-orientation 🚧
- spatial-navigation-action 🚧
- spatial-navigation-contain 🚧
- spatial-navigation-function 🚧