-webkit-touch-callout

非標準: この機能は標準ではなく、標準化の予定もありません。公開されているウェブサイトには使用しないでください。ユーザーによっては使用できないことがあります。実装ごとに大きな差があることもあり、将来は振る舞いが変わるかもしれません。

-webkit-touch-calloutCSS のプロパティで、対象を長押しすることで現れるコールアウト表示を制御します。

iOS 上で対象が長押しされたとき、 Safari はそのリンクに関する情報をコールアウトで表示します。このプロパティではそういった挙動を無効にすることができます。

css
/* キーワード値 */
-webkit-touch-callout: default;
-webkit-touch-callout: none;

/* グローバル値 */
-webkit-touch-callout: initial;
-webkit-touch-callout: inherit;
-webkit-touch-callout: unset;

構文

default

既定のコールアウトが表示されます。

none

コールアウト表示が無効になります。

公式定義

初期値default
適用対象すべての要素
継承あり
計算値指定通り
アニメーションの種類離散値

形式文法

Error: could not find syntax for this item

タッチ時のコールアウトをオフにする

css
.example {
  -webkit-touch-callout: none;
}

仕様書

どの仕様書でも定義されていません。 Apple は Safari CSS リファレンス に説明を載せています。

ブラウザーの互換性

BCD tables only load in the browser

関連情報