:-moz-drag-over

  • Revision slug: Web/CSS/:-moz-drag-over
  • Revision title: :-moz-drag-over
  • Revision id: 395553
  • Created:
  • Creator: Sheppy
  • Is current revision? Yes
  • Comment Linkification; one or more formatting changesMoved From CSS/:-moz-drag-over to Web/CSS/:-moz-drag-over

Revision Content

{{ CSSMozExtensionRef() }}

Summary

The :-moz-drag-over pseudo-class is used to edit an element when a drag-over event is called on it.

Syntax

element:-moz-drag-over { style properties }

Examples

td:-moz-drag-over { color:red; }

...where...

<table border="1">
  <tr>
    <td width="100px" height="100px">Drag Over</td>
  </tr>
</table>

...result...

Image:draga.jpg...Image:dragb.jpg

{{ languages( { "ja": "ja/CSS/:-moz-drag-over" } ) }}

Revision Source

<p> {{ CSSMozExtensionRef() }}
</p>
<h3 id="Summary" name="Summary">Summary</h3>
<p>The <code>:-moz-drag-over</code> <a href="/en/CSS/Pseudo-classes" title="Pseudo-classes">pseudo-class</a> is used to edit an element when a drag-over event is called on it.</p><h3 id="Syntax" name="Syntax"> Syntax </h3>
<pre class="eval">element:-moz-drag-over { <i>style properties</i> }
</pre>
<h3 id="Examples" name="Examples"> Examples </h3>
<pre>td:-moz-drag-over { color:red; }
</pre>
<p>...where...
</p>
<pre>&lt;table border="1"&gt;
  &lt;tr&gt;
    &lt;td width="100px" height="100px"&gt;Drag Over&lt;/td&gt;
  &lt;/tr&gt;
&lt;/table&gt;
</pre>
<p>...result...
</p><p><img alt="Image:draga.jpg" fileid="672" src="File:en/Media_Gallery/Draga.jpg">...<img alt="Image:dragb.jpg" fileid="673" src="File:en/Media_Gallery/Dragb.jpg">
</p>
<div class="noinclude">
</div>
{{ languages( { "ja": "ja/CSS/:-moz-drag-over" } ) }}
Revert to this revision