draggable 属性 （HTMLグローバル属性）

HTMLのdraggable属性の説明です。draggable属性は、ドラッグ可能かどうかを定義する列挙型属性です。

---

目次

1. 属性の記述例
   • 閲覧中ブラウザーでの表示結果
2. 属性の説明
3. 利用可能な属性値

属性の記述例

<p draggable="true">このテキストはドラッグできます。</p>
<p draggable="false">このテキストはドラッグできません。</p>

 

閲覧中ブラウザーでの表示結果

 

属性の説明

• draggable属性は、ドラッグ可能かどうかを定義する属性です。
• draggable属性は、列挙型属性です。
• draggable属性は、グローバル属性であるため、すべての要素で利用することができます。
• href属性をもつa要素、もしくはimg要素は、デフォルトでドラッグ可能です。
• 上記2つ以外の要素は、デフォルトでドラッグ不可です。

 

利用可能な属性値

属性値	属性値の説明
true	ドラッグ可能であることを定義します。
false	ドラッグ不可であることを定義します。
auto	ブラウザーのデフォルト動作をします。