Interactivity

Touch Action

Style syntax for setting how an element's region can be manipulated by a touchscreen user.

🚧This page is still under construction and some content may not be complete.

Overview [sr-only]

ClassDeclarations
touch-action:valuetouch-action: value
touch-action:autotouch-action: auto
touch-action:nonetouch-action: none
touch-action:pan-xtouch-action: pan-x
touch-action:pan-lefttouch-action: pan-left
touch-action:pan-righttouch-action: pan-right
touch-action:pan-ytouch-action: pan-y
touch-action:pan-uptouch-action: pan-up
touch-action:pan-downtouch-action: pan-down
touch-action:pinch-zoomtouch-action: pinch-zoom
touch-action:manipulationtouch-action: manipulation

Conditionally apply

Apply styles in different states using selectors, media queries, etc.

<div class="touch-action:auto:hover touch-action:auto@sm touch-action:auto@dark touch-action:auto@print"></div>
PREVIOUS
Resize

Style syntax for setting whether an element is resizable.

NEXT
User Drag

Style syntax for controlling whether the user can drag element.

MIT License © Aoyue Design LLC.