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

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

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

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

draggable 属性を持つ要素は、視覚的でないインタラクションのために、要素に名前を付ける title 属性も持つ必要があります。

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 の要素を逆引きできます。

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

このページの上部へ