css touch-action

touch-action CSS Style Property

המאפיין touch-action מגדיר כיצד ניתן לתפעל אזור של רכיב על ידי משתמש מסך מגע (לדוגמה, על ידי התקרבות תכונות המובנות בדפדפן).

דוגמא: שליטה בהתנהגות גלילת מגע

Demo Panel:
CSS: 111
HTML: 222
Syntax:

Valid values:
  • auto, none, pan-x, pan-left, pan-right, pan-y, pan-up, pan-down, pinch-zoom, manipulation, revert, revert-layer, unset, inherit, initial

Js Syntax: element.style.touchAction

תאימות דפדפנים

touch-action
הערך שנבדקChromeFirefoxEdgeCOpera
auto✔️✔️✔️✔️
none✔️✔️✔️✔️
pan-x✔️✔️✔️✔️
pan-left✔️✔️✔️
pan-right✔️✔️✔️
pan-y✔️✔️✔️✔️
pan-up✔️✔️✔️
pan-down✔️✔️✔️
pinch-zoom✔️✔️✔️✔️
manipulation✔️✔️✔️✔️
revert✔️✔️✔️✔️
revert-layer✔️✔️✔️✔️
unset✔️✔️✔️✔️
inherit✔️✔️✔️✔️
initial✔️✔️✔️✔️