Want to share your CSS expertise with others? Apply to the MDN Fellowship by April 1! http://mzl.la/MDNFellowship

mozilla

Compare Revisions

cursor

Change Revisions

Revision 20529:

Revision 20529 by teoli on

Revision 20530:

Revision 20530 by pimmhogeling on

Title:
CSS cursor
CSS cursor
Slug:
CSS/cursor
CSS/cursor
Tags:
css, NeedsBrowserCompatibility, "CSS Reference", NeedsMobileBrowserCompatibility
css, NeedsBrowserCompatibility, "CSS Reference", NeedsMobileBrowserCompatibility
Content:

Revision 20529
Revision 20530
n61        A <code>url(…)</code> or a comma separated list <code>urln61        A <code>url(…)</code> or a comma separated list <code>url
>(…), url(…), …</code> , pointing to an image file. More than one >(…), url(…), …</code> , pointing to an image file. More than one 
>{{ Xref_cssuri() }} may be provided as fallback, in case some cur>{{ Xref_cssuri() }} may be provided as fallback, in case some cur
>sor image types are not supported. A non-URL fallback (one ore mo>sor image types are not supported. A non-URL fallback (one ore mo
>re of the other values) <strong>must</strong> be at the end of th>re of the other values) <strong>must</strong> be at the end of th
>e fallback list. See <a href="/en/Using_URL_values_for_the_cursor>e fallback list. See <a href="/en/CSS/Using_URL_values_for_the_cu
>_property" title="en/Using_URL_values_for_the_cursor_property">Us>rsor_property" title="en/Using_URL_values_for_the_cursor_property
>ing URL values for the cursor property</a> for more details.>">Using URL values for the cursor property</a> for more details.
n518              Use of <a class="internal" href="/en/Using_URL_valun518              Use of <a class="internal" href="/en/CSS/Using_URL_
>es_for_the_cursor_property" title="en/Using URL values for the cu>values_for_the_cursor_property" title="en/Using URL values for th
>rsor property">custom image cursors</a> may provide better cross >e cursor property">custom image cursors</a> may provide better cr
>browser compatibility.>oss browser compatibility.
n574.baz { url(hyper.cur), auto }  /* standard cursor value as fallban574.baz { cursor: url(hyper.cur), auto }  /* standard cursor value a
>ck <u>must</u> be provided */>s fallback <u>must</u> be provided */
n630              &nbsp;<span class="Apple-style-span" style="border-n630              &nbsp;<span style="font-family: 'courier new',monos
>collapse: separate; color: rgb(0, 0, 0); font-family: Times; font>pace; border-collapse: separate;">{{ CompatNo() }}</span><br>
>-style: normal; font-variant: normal; font-weight: normal; letter 
>-spacing: normal; line-height: normal; orphans: 2; text-indent: 0 
>px; text-transform: none; white-space: normal; widows: 2; word-sp 
>acing: 0px; font-size: medium;"><span class="Apple-style-span" st 
>yle="border-collapse: collapse; font-family: Verdana,Helvetica,Ar 
>ial,sans-serif; font-size: 13px; line-height: 16px; text-align: l 
>eft;"><span style="font-family: 'courier new',monospace; border-c 
>ollapse: separate;">{{ CompatNo() }}</span><br></span></span> 
631            </td>
632            <td>631            </td>
633              &nbsp;<span class="Apple-style-span" style="border-632            <td>
>collapse: separate; color: rgb(0, 0, 0); font-family: Times; font 
>-style: normal; font-variant: normal; font-weight: normal; letter 
>-spacing: normal; line-height: normal; orphans: 2; text-indent: 0 
>px; text-transform: none; white-space: normal; widows: 2; word-sp 
>acing: 0px; font-size: medium;"><span class="Apple-style-span" st 
>yle="border-collapse: collapse; font-family: Verdana,Helvetica,Ar 
>ial,sans-serif; font-size: 13px; line-height: 16px; text-align: l 
>eft;"><span style="font-family: 'courier new',monospace; border-c 
>ollapse: separate;">{{ CompatNo() }}</span><br></span></span> 
633              &nbsp;<span style="font-family: 'courier new',monos
 >pace; border-collapse: separate;">{{ CompatNo() }}</span><br>
n642              <span class="Apple-style-span" style="border-collapn642              <span style="font-family: 'courier new',monospace; 
>se: separate; color: rgb(0, 0, 0); font-family: Times; font-style>border-collapse: separate;">{{ CompatNo() }}</span>&nbsp;
>: normal; font-variant: normal; font-weight: normal; letter-spaci 
>ng: normal; line-height: normal; orphans: 2; text-indent: 0px; te 
>xt-transform: none; white-space: normal; widows: 2; word-spacing: 
> 0px; font-size: medium;"><span class="Apple-style-span" style="b 
>order-collapse: collapse; font-family: Verdana,Helvetica,Arial,sa 
>ns-serif; font-size: 13px; line-height: 16px; text-align: left;"> 
><span style="font-family: 'courier new',monospace; border-collaps 
>e: separate;">{{ CompatNo() }}</span>&nbsp;</span></span> 
n687              <code>url()<br></code> See <a class="internal" hrefn687              <code>url()<br></code> See <a class="internal" href
>="/en/Using_URL_values_for_the_cursor_property" title="en/Using U>="/en/CSS/Using_URL_values_for_the_cursor_property" title="en/Usi
>RL values for the cursor property">Using URL values</a><code><br>>ng URL values for the cursor property">Using URL values</a><br>
></code> 
n699              &nbsp;<span class="Apple-style-span" style="border-n699              &nbsp;<span style="font-family: 'courier new',monos
>collapse: separate; color: rgb(0, 0, 0); font-family: Times; font>pace; border-collapse: separate;">{{ CompatNo() }}</span><br>
>-style: normal; font-variant: normal; font-weight: normal; letter 
>-spacing: normal; line-height: normal; orphans: 2; text-indent: 0 
>px; text-transform: none; white-space: normal; widows: 2; word-sp 
>acing: 0px; font-size: medium;"><span class="Apple-style-span" st 
>yle="border-collapse: collapse; font-family: Verdana,Helvetica,Ar 
>ial,sans-serif; font-size: 13px; line-height: 16px; text-align: l 
>eft;"><span style="font-family: 'courier new',monospace; border-c 
>ollapse: separate;">{{ CompatNo() }}</span><br></span></span> 
n716              <span class="Apple-style-span" style="border-collapn716              <span style="font-family: 'courier new',monospace; 
>se: separate; color: rgb(0, 0, 0); font-family: Times; font-style>border-collapse: separate;">{{ CompatNo() }}</span><br>
>: normal; font-variant: normal; font-weight: normal; letter-spaci 
>ng: normal; line-height: normal; orphans: 2; text-indent: 0px; te 
>xt-transform: none; white-space: normal; widows: 2; word-spacing: 
> 0px; font-size: medium;"><span class="Apple-style-span" style="b 
>order-collapse: collapse; font-family: Verdana,Helvetica,Arial,sa 
>ns-serif; font-size: 13px; line-height: 16px; text-align: left;"> 
><span style="font-family: 'courier new',monospace; border-collaps 
>e: separate;">{{ CompatNo() }}</span><br></span></span> 
717            </td>
718            <td>717            </td>
719              &nbsp;<span class="Apple-style-span" style="border-718            <td>
>collapse: separate; color: rgb(0, 0, 0); font-family: Times; font 
>-style: normal; font-variant: normal; font-weight: normal; letter 
>-spacing: normal; line-height: normal; orphans: 2; text-indent: 0 
>px; text-transform: none; white-space: normal; widows: 2; word-sp 
>acing: 0px; font-size: medium;"><span class="Apple-style-span" st 
>yle="border-collapse: collapse; font-family: Verdana,Helvetica,Ar 
>ial,sans-serif; font-size: 13px; line-height: 16px; text-align: l 
>eft;"><span style="font-family: 'courier new',monospace; border-c 
>ollapse: separate;">{{ CompatNo() }}</span><br></span></span> 
719              &nbsp;<span style="font-family: 'courier new',monos
 >pace; border-collapse: separate;">{{ CompatNo() }}</span><br>
t736              <span class="Apple-style-span" style="border-collapt736              <span style="font-family: 'courier new',monospace; 
>se: separate; color: rgb(0, 0, 0); font-family: Times; font-style>border-collapse: separate;">{{ CompatNo() }}</span><br>
>: normal; font-variant: normal; font-weight: normal; letter-spaci 
>ng: normal; line-height: normal; orphans: 2; text-indent: 0px; te 
>xt-transform: none; white-space: normal; widows: 2; word-spacing: 
> 0px; font-size: medium;"><span class="Apple-style-span" style="b 
>order-collapse: collapse; font-family: Verdana,Helvetica,Arial,sa 
>ns-serif; font-size: 13px; line-height: 16px; text-align: left;"> 
><span style="font-family: 'courier new',monospace; border-collaps 
>e: separate;">{{ CompatNo() }}</span><br></span></span> 
737            </td>
738            <td>737            </td>
739              &nbsp;<span class="Apple-style-span" style="border-738            <td>
>collapse: separate; color: rgb(0, 0, 0); font-family: Times; font 
>-style: normal; font-variant: normal; font-weight: normal; letter 
>-spacing: normal; line-height: normal; orphans: 2; text-indent: 0 
>px; text-transform: none; white-space: normal; widows: 2; word-sp 
>acing: 0px; font-size: medium;"><span class="Apple-style-span" st 
>yle="border-collapse: collapse; font-family: Verdana,Helvetica,Ar 
>ial,sans-serif; font-size: 13px; line-height: 16px; text-align: l 
>eft;"><span style="font-family: 'courier new',monospace; border-c 
>ollapse: separate;">{{ CompatNo() }}</span><br></span></span> 
739              &nbsp;<span style="font-family: 'courier new',monos
 >pace; border-collapse: separate;">{{ CompatNo() }}</span><br>

Back to History