draggable 属性ドラッグ可能かどうかを指定する

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

draggable 属性はグローバル属性に分類され、すべての HTML 要素において使用することができます。draggable 属性には、下記の値が指定できます。

属性値 概要
true ドラッグ可能
false ドラッグ不可
空白文字 auto として扱われます。ユーザエージェントの初期設定を反映

HTML5 仕様書においては、draggable="" が与えられた要素が img 要素、もしくは href 属性をもった a 要素だった場合は、draggable="true" として扱い、それ以外の要素に関しては draggable="false" として扱うことが求められています。

draggable 属性の仕様

この属性を使用できる要素
  • すべての HTML 要素

draggable 属性のサンプルソース

<ul>
 <li draggable="true">サッカー</li>
 <li draggable="true">野球</li>
 <li draggable="true">水泳</li>
 <li draggable="true">マラソン</li>
</ul>

仕様書の該当箇所

7.7.7 The draggable attribute

用途から目的の要素を探す

用途から HTML5 の要素を逆引きできます。

テキストに対する意味づけを行いたい
テキストの編集を示したい
改行や折り返しを指定したい
上付きや下付きを指定したい
テキストの書字方向を制御したい
テキストにルビをふりたい
箇条書きなどリストを表したい
セクションを定義したい
コンテンツをグループ化したい
画像や映像などを埋め込みたい
スクリプトやスタイルを埋め込みたい
フォーム関連の要素
テーブル関連の要素
ドキュメントにメタデータを付与したい
インタラクティブな要素
その他

このページの上部へ