HTMLドラッグ可能属性
例
ドラッグ可能な段落：
<p draggable="true">This is a draggable paragraph.</p>
定義と使用法
このdraggable属性は、要素がドラッグ可能かどうかを指定します。
ヒント：リンクと画像はデフォルトでドラッグ可能です。
ヒント：このdraggable属性は、ドラッグアンドドロップ操作でよく使用されます。詳細については、HTMLのドラッグアンドドロップチュートリアルをお読みください。
ブラウザのサポート
表の数字は、属性を完全にサポートする最初のブラウザーバージョンを示しています。
| Attribute | |||||
|---|---|---|---|---|---|
| draggable | 4.0 | 9.0 | 3.5 | 6.0 | 12.0 |
構文
<element draggable="true|false|auto">
属性値
| Value | Description |
|---|---|
| true | Specifies that the element is draggable |
| false | Specifies that the element is not draggable |
| auto | Uses the default behavior of the browser |
関連ページ
HTMLチュートリアル：HTML属性
HTMLチュートリアル：HTML5ドラッグアンドドロップ
JavaScriptリファレンス：ondragイベント