web-dev-qa-db-ja.com

-webkit-user-drag cssプロパティとは何ですか?

私はこれをいくつかの場所で今見ましたが、それについて多くの情報を見つけることができません:

-webkit-user-drag: element

これはHTML5ドラッグアンドドロップの標準の一部ですか?これは属性バージョンを使用するよりも良い/悪いですか?

<div draggable="true">my draggable element</div>

編集:私は現在の仕様に精通していて、draggable属性を使用しています。はっきりしないのは、CSSプロパティ* -user-dragです。

20

これはWebkit固有のプロパティです。これが WebKitのドキュメント が言うことです:

要素をドラッグ可能にする

WebKitは、ユーザーが画像、リンク、選択したテキストなどの一般的なアイテムをドラッグできるようにする自動サポートを提供します。このサポートを拡張して、HTMLページに特定の要素を含めることができます。たとえば、特定のdivまたはspanタグをドラッグ可能としてマークできます。

任意の要素をドラッグ可能としてマークするには、-webkit-user-drag属性を要素のスタイル定義に追加します。 -webkit-user-dragはカスケードスタイルシート(CSS)属性であるため、スタイル定義の一部として、または要素タグのインラインスタイル属性として含めることができます。この属性の値を表4-1に示します。

-webkit-user-drag属性の値:

  • none:この要素のドラッグを許可しません。

  • element:この要素をドラッグできるようにします。

  • auto:デフォルトのロジックを使用して、要素をドラッグするかどうかを決定します。 (ドラッグできる要素は、画像、リンク、テキスト選択のみです。)これはデフォルト値です。

WebKitレンダリングエンジンを使用するすべてのブラウザーでサポートされているため、Chrome、Opera、Safariの新しいバージョンなど。WebKitを使用するモバイルブラウザーでのサポートは、モバイルOSによって異なる場合があります。

21
Blender
2
tim.baker