HTML draggable 属性

前へ HTML グローバル属性 次へ

ドラッグ可能な段落:

<p draggable="true">This is a draggable paragraph.</p>
Try it Yourself ❯

定義と用法

draggable 属性は、要素がドラッグ可能であるかどうかを指定します。

チップ: リンクや画像は、デフォルトでドラッグ可能です。

チップ: draggable 属性は、多くの場合、ドラッグ&ドロップの操作で使用されます。 詳細は、HTML ドラッグ&ドロップ チュートリアル をご覧ください。


ブラウザ・サポート

表中の数字は、属性を完全にサポートした最初のブラウザ・バージョンを指定しています。

属性
draggable 4.0 9.0 3.5 6.0  12.0

HTML 4.01 と HTML5 の相違点

draggable 属性は、HTML5 で新しく追加されました。


構文

<element draggable="true|false|auto">

属性値

説明
true 要素がドラッグ可能であることを指定する
false 要素がドラッグ可能でないことを指定する
auto ブラウザのデフォルト動作を使用する

関連ページ

HTML チュートリアル:HTML Attributes

HTML チュートリアル:HTML5 Drag and Drop

JavaScript Reference: ondrag Event


前へ HTML グローバル属性 次へ