非標準
この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。
CSS の -webkit-touch-callout プロパティは、対象を長押しすることで現れるコールアウト表示を制御します。
iOS 上で対象が長押しされたとき、 Safari はそのリンクに関する情報をコールアウトで表示します。このプロパティはそういった挙動を無効にすることを可能にします。
/* キーワード値 */ -webkit-touch-callout: default; -webkit-touch-callout: none; /* グローバル値 */ -webkit-touch-callout: initial; -webkit-touch-callout: inherit; -webkit-touch-callout: unset;
構文
値
default- 既定のコールアウトが表示されます。
none- コールアウト表示が無効になります。
形式文法
default | none
例
.example {
-webkit-touch-callout: none;
}
仕様書
どの仕様書でも定義されていません。
Apple は Safari CSS リファレンス に説明を載せています。
ブラウザーの互換性
このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。
Update compatibility data on GitHub
| デスクトップ | モバイル | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
-webkit-touch-callout | Chrome 未対応 なし | Edge 未対応 なし | Firefox 未対応 なし | IE 未対応 なし | Opera 未対応 なし | Safari 未対応 なし | WebView Android 未対応 なし | Chrome Android 未対応 なし | Firefox Android 未対応 なし | Opera Android 未対応 なし | Safari iOS 完全対応 2 | Samsung Internet Android 未対応 なし |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 非標準。ブラウザー間の互換性が低い可能性があります。
- 非標準。ブラウザー間の互換性が低い可能性があります。