スマホやタブレットにおいて、パン（指1本で上下左右にスクロールする）やズーム（指2本で拡大や縮小する）の操作を抑制する。pan-* を指定すると指定した方向以外すべてのパンやズームが禁止される。許可したい時は pan-left pan-up pinch-zomm などのように複数指定する。
- auto：ブラウザの挙動に従う
- none：すべてのパンやズームを禁止する
- pan-x：左右スクロール以外のパンを禁止する
- pan-left：左スクロール以外のパンを禁止する
- pan-right：右スクロール以外のパンを禁止する
- pan-y：スクロールアップ・ダウン以外のパンを禁止する
- pan-up：スクロールアップ以外パンを禁止する
- pan-down：スクロールダウン以外のパンを禁止する
- pinch-zoom：複数の指によるパンやズームを有効にする
- manipulation：パン、ズームは有効にするが、ダブルタップなどによる操作は禁止する
.ta-box {
width: 150vw;
margin-bottom: 1rem;
background-color: #fdd;
padding: .5rem;
}
.ta-auto { touch-action: auto; }
.ta-none { touch-action: none; }
.ta-pan-x { touch-action: pan-x; }
.ta-pan-left { touch-action: pan-left; }
.ta-pan-right { touch-action: pan-right; }
.ta-pan-y { touch-action: pan-y; }
.ta-pan-up { touch-action: pan-up; }
.ta-pan-down { touch-action: pan-down; }
.ta-pinch-zoom { touch-action: pinch-zomm; }
.ta-manipulation { touch-action: manipulation; }