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 427935:

Revision 427935 by jarin06 on

Revision 428203:

Revision 428203 by Pacoup on

Title:
cursor
cursor
Slug:
Web/CSS/cursor
Web/CSS/cursor
Tags:
"css", "NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsBrowserCompatibility", "CSS Référence"
"css", "NeedsMobileBrowserCompatibility", "CSS Reference", "NeedsBrowserCompatibility", "CSS Référence"
Content:

Revision 427935
Revision 428203
tt1208    <div>
1209      {{CSSRef}}
1210    </div>
1211    <h2 id="Summary" name="Summary">
1212      Summary
1213    </h2>
1214    <p>
1215      The <code>cursor</code> CSS property specifies the mouse cu
 >rsor displayed when the mouse pointer is over an element.
1216    </p>
1217    <p>
1218      {{cssbox("cursor")}}
1219    </p>
1220    <h2 id="Syntax" name="Syntax">
1221      Syntax
1222    </h2>
1223    <pre class="syntaxbox">
1224<a href="/en-US/docs/CSS/Value_definition_syntax" title="CSS/Valu
 >e_definition_syntax">Formal syntax</a>: {{csssyntax("cursor")}}
1225</pre>
1226    <h3 id="Values" name="Values">
1227      Values
1228    </h3>
1229    <dl>
1230      <dt>
1231        &lt;<code>uri</code>&gt;
1232      </dt>
1233      <dd>
1234        A <code>url(…)</code> or a comma separated list <code>url
 >(…), url(…), …</code>, pointing to an image file. More than one {
 >{ Xref_cssuri() }} may be provided as fallback, in case some curs
 >or image types are not supported. A non-URL fallback (one ore mor
 >e of the other values) <strong>must</strong> be at the end of the
 > fallback list. See <a href="/en-US/docs/CSS/Using_URL_values_for
 >_the_cursor_property" title="Using_URL_values_for_the_cursor_prop
 >erty">Using URL values for the cursor property</a> for more detai
 >ls.
1235      </dd>
1236      <dt>
1237        <code>&lt;x&gt;</code> <code>&lt;y&gt;</code> {{ experime
 >ntal_inline() }}
1238      </dt>
1239      <dd>
1240        Optional x- and y-coordinates. Two unit-less numbers.
1241      </dd>
1242      <dt>
1243        Keyword values
1244      </dt>
1245      <dd>
1246        <p>
1247          <strong style="font-size:big;color:red">Move mouse over
 > value for testing:</strong>
1248        </p>
1249        <table class="standard-table">
1250          <tbody>
1251            <tr>
1252              <th>
1253                Category
1254              </th>
1255              <th>
1256                CSS value
1257              </th>
1258              <th>
1259                &nbsp;
1260              </th>
1261              <th>
1262                Description
1263              </th>
1264            </tr>
1265            <tr style="cursor:auto">
1266              <td rowspan="3">
1267                General
1268              </td>
1269              <td>
1270                <code>auto</code>
1271              </td>
1272              <td>
1273                &nbsp;
1274              </td>
1275              <td>
1276                The browser determines the cursor to display base
 >d on the current context.<br>
1277                E.g. equivalent to <code>text</code> when hoverin
 >g text.
1278              </td>
1279            </tr>
1280            <tr style="cursor:default">
1281              <td>
1282                <code>default</code>
1283              </td>
1284              <td>
1285                <img alt="default.gif" src="/@api/deki/files/3438
 >/=default.gif" style="width: 26px; height: 26px;">
1286              </td>
1287              <td>
1288                Default cursor, typically an arrow.
1289              </td>
1290            </tr>
1291            <tr style="cursor:none">
1292              <td>
1293                <code>none</code>
1294              </td>
1295              <td>
1296                &nbsp;
1297              </td>
1298              <td>
1299                No cursor is rendered
1300              </td>
1301            </tr>
1302            <tr style="cursor:context-menu">
1303              <td rowspan="5" style="cursor:auto">
1304                Links &amp; status
1305              </td>
1306              <td>
1307                <code>context-menu</code>
1308              </td>
1309              <td>
1310                <img alt="context-menu.png" src="/@api/deki/files
 >/3461/=context-menu.png" style="width: 26px; height: 26px;">
1311              </td>
1312              <td>
1313                A context menu is available under the cursor.<br>
1314                In Gecko/Firefox not implemented on Windows, {{ B
 >ug("258960") }} WONTFIX.
1315              </td>
1316            </tr>
1317            <tr style="cursor:help">
1318              <td>
1319                <code>help</code>
1320              </td>
1321              <td>
1322                <img alt="help.gif" src="/@api/deki/files/3442/=h
 >elp.gif" style="width: 26px; height: 26px;">
1323              </td>
1324              <td>
1325                Indicating help is available.
1326              </td>
1327            </tr>
1328            <tr style="cursor:pointer">
1329              <td>
1330                <code>pointer</code>
1331              </td>
1332              <td>
1333                <img alt="pointer.gif" src="/@api/deki/files/3449
 >/=pointer.gif" style="width: 26px; height: 26px;">
1334              </td>
1335              <td>
1336                E.g. used when hovering over links, typically a h
 >and.
1337              </td>
1338            </tr>
1339            <tr style="cursor:progress">
1340              <td>
1341                <code>progress</code>
1342              </td>
1343              <td>
1344                <img alt="progress.gif" src="/@api/deki/files/345
 >0/=progress.gif" style="width: 26px; height: 26px;">
1345              </td>
1346              <td>
1347                The program is busy in the background but the use
 >r can still interact with the interface (unlike for <code>wait</c
 >ode>).
1348              </td>
1349            </tr>
1350            <tr style="cursor:wait">
1351              <td>
1352                <code>wait</code>
1353              </td>
1354              <td>
1355                <img alt="wait.gif" src="/@api/deki/files/3457/=w
 >ait.gif" style="width: 26px; height: 26px;">
1356              </td>
1357              <td>
1358                The program is busy (sometimes an hourglass or a 
 >watch).
1359              </td>
1360            </tr>
1361            <tr style="cursor:cell">
1362              <td rowspan="4" style="cursor:auto">
1363                Selection
1364              </td>
1365              <td>
1366                <code>cell</code>
1367              </td>
1368              <td>
1369                <img alt="cell.gif" src="/@api/deki/files/3434/=c
 >ell.gif" style="width: 26px; height: 26px;">
1370              </td>
1371              <td>
1372                Indicating that cells can be selected.
1373              </td>
1374            </tr>
1375            <tr style="cursor:crosshair">
1376              <td>
1377                <code>crosshair</code>
1378              </td>
1379              <td>
1380                <img alt="crosshair.gif" src="/@api/deki/files/34
 >37/=crosshair.gif" style="width: 26px; height: 26px;">
1381              </td>
1382              <td>
1383                Cross cursor, often used to indicate selection in
 > a bitmap.
1384              </td>
1385            </tr>
1386            <tr style="cursor:text">
1387              <td>
1388                <code>text</code>
1389              </td>
1390              <td>
1391                <img alt="text.gif" class="default" src="/files/3
 >809/text.gif" style="width: 26px; height: 26px;">
1392              </td>
1393              <td>
1394                Indicating text can be selected, typically an I-b
 >eam.
1395              </td>
1396            </tr>
1397            <tr style="cursor:vertical-text">
1398              <td>
1399                <code>vertical-text</code>
1400              </td>
1401              <td>
1402                <img alt="vertical-text.gif" src="/@api/deki/file
 >s/3456/=vertical-text.gif" style="width: 26px; height: 26px;">
1403              </td>
1404              <td>
1405                Indicating that vertical text can be selected, ty
 >pically a sideways I-beam.
1406              </td>
1407            </tr>
1408            <tr style="cursor:alias">
1409              <td rowspan="5" style="cursor:auto">
1410                Drag and drop
1411              </td>
1412              <td>
1413                <code>alias</code>
1414              </td>
1415              <td>
1416                <img alt="alias.gif" src="/@api/deki/files/3432/=
 >alias.gif" style="width: 26px; height: 26px;">
1417              </td>
1418              <td>
1419                Indicating an alias or shortcut is to be created.
1420              </td>
1421            </tr>
1422            <tr style="cursor:copy">
1423              <td>
1424                <code>copy</code>
1425              </td>
1426              <td>
1427                <img alt="copy.gif" class="default" src="/@api/de
 >ki/files/3436/=copy.gif" style="width: 26px; height: 26px;">
1428              </td>
1429              <td>
1430                Indicating that something can be copied.
1431              </td>
1432            </tr>
1433            <tr style="cursor:move">
1434              <td>
1435                <code>move</code>
1436              </td>
1437              <td>
1438                <img alt="move.gif" src="/@api/deki/files/3443/=m
 >ove.gif" style="width: 26px; height: 26px;">
1439              </td>
1440              <td>
1441                The hovered object may be moved.
1442              </td>
1443            </tr>
1444            <tr style="cursor:no-drop">
1445              <td>
1446                <code>no-drop</code>
1447              </td>
1448              <td colspan="2">
1449                <img align="left" alt="no-drop.gif" class="lwrap"
 > src="/@api/deki/files/3445/=no-drop.gif" style="width: 33px; hei
 >ght: 26px;">Cursor showing that a drop is not allowed at the curr
 >ent location.<br>
1450                {{ bug("275173") }} on Windows, "no-drop is the s
 >ame as not-allowed".
1451              </td>
1452            </tr>
1453            <tr style="cursor:not-allowed">
1454              <td>
1455                <code>not-allowed</code>
1456              </td>
1457              <td>
1458                <img alt="not-allowed.gif" src="/@api/deki/files/
 >3446/=not-allowed.gif" style="width: 26px; height: 26px;">
1459              </td>
1460              <td>
1461                Cursor showing that something cannot be done.
1462              </td>
1463            </tr>
1464            <tr style="cursor:all-scroll">
1465              <td rowspan="15" style="cursor:auto">
1466                Resize &amp; scrolling
1467              </td>
1468              <td>
1469                <code>all-scroll</code>
1470              </td>
1471              <td>
1472                <img alt="all-scroll.gif" src="/@api/deki/files/3
 >433/=all-scroll.gif" style="width: 26px; height: 26px;">
1473              </td>
1474              <td>
1475                Cursor showing that something can be scrolled in 
 >any direction (panned).<br>
1476                {{ bug("275174") }} on Windows, "<em>all-scroll</
 >em> is the same as <em>move</em>".
1477              </td>
1478            </tr>
1479            <tr style="cursor:col-resize">
1480              <td>
1481                <code>col-resize</code>
1482              </td>
1483              <td>
1484                <img alt="col-resize.gif" src="/@api/deki/files/3
 >435/=col-resize.gif" style="width: 26px; height: 26px;">
1485              </td>
1486              <td>
1487                The item/column can be resized horizontally. Ofte
 >n rendered as arrows pointing left and right with a vertical bar 
 >separating.
1488              </td>
1489            </tr>
1490            <tr style="cursor:row-resize">
1491              <td>
1492                <code>row-resize</code>
1493              </td>
1494              <td>
1495                <img alt="row-resize.gif" src="/@api/deki/files/3
 >451/=row-resize.gif" style="width: 26px; height: 26px;">
1496              </td>
1497              <td>
1498                The item/row can be resized vertically. Often ren
 >dered as arrows pointing up and down with a horizontal bar separa
 >ting them.
1499              </td>
1500            </tr>
1501            <tr style="cursor:n-resize">
1502              <td>
1503                <code>n-resize</code>
1504              </td>
1505              <td>
1506                <img alt="Example of a resize towards the top cur
 >sor" src="/files/4083/n-resize.gif" style="width: 26px; height: 2
 >6px; border-width: 0px; border-style: solid;">
1507              </td>
1508              <td rowspan="8" style="cursor:auto">
1509                Some edge is to be moved. For example, the <code>
 >se-resize</code> cursor is used when the movement starts from the
 > <em>south-east</em> corner of the box.
1510              </td>
1511            </tr>
1512            <tr style="cursor:e-resize">
1513              <td>
1514                <code>e-resize</code>
1515              </td>
1516              <td>
1517                <img alt="Example of a resize towards the right c
 >ursor" src="/files/4085/e-resize.gif" style="width: 26px; height:
 > 26px;">
1518              </td>
1519            </tr>
1520            <tr style="cursor:s-resize">
1521              <td>
1522                <code>s-resize</code>
1523              </td>
1524              <td>
1525                <img alt="Example of a resize towards the bottom 
 >cursor " src="/files/4087/s-resize.gif" style="width: 26px; heigh
 >t: 26px;">
1526              </td>
1527            </tr>
1528            <tr style="cursor:w-resize">
1529              <td>
1530                <code>w-resize</code>
1531              </td>
1532              <td>
1533                <img alt="Example of a resize towards the left cu
 >rsor" src="/files/4089/w-resize.gif" style="width: 26px; height: 
 >26px;">
1534              </td>
1535            </tr>
1536            <tr style="cursor:ne-resize">
1537              <td>
1538                <code>ne-resize</code>
1539              </td>
1540              <td>
1541                <img alt="Example of a resize towards the top-rig
 >ht corner cursor" src="/files/4091/ne-resize.gif" style="width: 2
 >6px; height: 26px;">
1542              </td>
1543            </tr>
1544            <tr style="cursor:nw-resize">
1545              <td>
1546                <code>nw-resize</code>
1547              </td>
1548              <td>
1549                <img alt="Example of a resize towards the top-lef
 >t corner cursor" src="/files/4093/nw-resize.gif" style="width: 26
 >px; height: 26px;">
1550              </td>
1551            </tr>
1552            <tr style="cursor:se-resize">
1553              <td>
1554                <code>se-resize</code>
1555              </td>
1556              <td>
1557                <img alt="Example of a resize towards the bottom-
 >right corner cursor" src="/files/4097/se-resize.gif" style="width
 >: 26px; height: 26px;">
1558              </td>
1559            </tr>
1560            <tr style="cursor:sw-resize">
1561              <td>
1562                <code>sw-resize</code>
1563              </td>
1564              <td>
1565                <img alt="Example of a resize towards the bottom-
 >left corner cursor" src="/files/4095/sw-resize.gif" style="width:
 > 26px; height: 26px;">
1566              </td>
1567            </tr>
1568            <tr style="cursor:ew-resize">
1569              <td>
1570                <code>ew-resize</code>
1571              </td>
1572              <td>
1573                <img alt="3-resize.gif" class="default" src="/fil
 >es/3806/3-resize.gif" style="width: 26px; height: 26px;">
1574              </td>
1575              <td rowspan="4" style="cursor:auto">
1576                Indicates a bidirectional resize cursor.
1577              </td>
1578            </tr>
1579            <tr style="cursor:ns-resize">
1580              <td>
1581                <code>ns-resize</code>
1582              </td>
1583              <td>
1584                <img alt="6-resize.gif" class="default" src="/fil
 >es/3808/6-resize.gif" style="width: 26px; height: 26px;">
1585              </td>
1586            </tr>
1587            <tr style="cursor: nesw-resize;">
1588              <td>
1589                <code>nesw-resize</code>
1590              </td>
1591              <td>
1592                <img alt="1-resize.gif" class="default" src="/fil
 >es/3805/1-resize.gif">
1593              </td>
1594            </tr>
1595            <tr style="cursor: nwse-resize;">
1596              <td>
1597                <code>nwse-resize</code>
1598              </td>
1599              <td>
1600                <img alt="4-resize.gif" class="default" src="/fil
 >es/3807/4-resize.gif" style="width: 26px; height: 26px;">
1601              </td>
1602            </tr>
1603            <tr style="cursor:zoom-in">
1604              <td rowspan="2">
1605                Zoom
1606              </td>
1607              <td>
1608                <code>zoom-in</code>
1609              </td>
1610              <td>
1611                <img alt="zoom-in.gif" class="default" src="/@api
 >/deki/files/3459/=zoom-in.gif">
1612              </td>
1613              <td rowspan="2" style="cursor:auto">
1614                <p>
1615                  Indicates that something can be zoomed (magnifi
 >ed) in or out.
1616                </p>
1617              </td>
1618            </tr>
1619            <tr style="cursor:zoom-out">
1620              <td>
1621                <code>zoom-out</code>
1622              </td>
1623              <td>
1624                <img alt="zoom-out.gif" class="default" src="/@ap
 >i/deki/files/3460/=zoom-out.gif">
1625              </td>
1626            </tr>
1627          </tbody>
1628        </table>
1629      </dd>
1630      <dt>
1631        Mozilla-specific keyords
1632      </dt>
1633      <dd>
1634        <table class="standard-table">
1635          <tbody>
1636            <tr style="cursor:-moz-grab">
1637              <td rowspan="2">
1638                Grab
1639              </td>
1640              <td>
1641                <code><a href="/en-US/docs/CSS/-moz-grab" style="
 >cursor:-moz-grab!important" title="CSS/-moz-grab">-moz-grab</a></
 >code>
1642              </td>
1643              <td>
1644                <img align="left" alt="grab.gif" src="/@api/deki/
 >files/3440/=grab.gif" style="width: 26px; height: 26px;">
1645              </td>
1646              <td>
1647                An element can be grabbed.
1648              </td>
1649              <td colspan="2" rowspan="2" style="cursor:auto">
1650                <p>
1651                  This cursors are not recommended for use on pub
 >lic web pages.
1652                </p>
1653                <p>
1654                  Use of <a href="/en-US/docs/CSS/Using_URL_value
 >s_for_the_cursor_property" title="Using URL values for the cursor
 > property">custom image cursors</a> may provide better cross brow
 >ser compatibility.
1655                </p>
1656              </td>
1657            </tr>
1658            <tr style="cursor:-moz-grabbing">
1659              <td>
1660                <code><a href="/en-US/docs/CSS/-moz-grabbing" sty
 >le="cursor:-moz-grabbing!important" title="CSS/-moz-grabbing">-mo
 >z-grabbing</a></code>
1661              </td>
1662              <td>
1663                <img align="left" alt="grabbing.gif" src="/@api/d
 >eki/files/3441/=grabbing.gif" style="width: 26px; height: 26px;">
1664              </td>
1665              <td>
1666                An element is currently being grabbed.
1667              </td>
1668            </tr>
1669          </tbody>
1670        </table>
1671      </dd>
1672    </dl>
1673    <h2 id="Examples" name="Examples">
1674      Examples
1675    </h2>
1676    <p>
1677      {{ CSSRefExampleLink("cursor") }}
1678    </p>
1679    <pre class="brush:css">
1680.foo { cursor: crosshair; }
1681 
1682/* use prefixed-value if "zoom-in" isn't supported */
1683.bar { cursor: -webkit-zoom-in;  cursor: zoom-in; } 
1684 
1685/* standard cursor value as fallback for url() <u>must</u> be pro
 >vided (doesn't work without) */
1686.baz { cursor: url(hyper.cur), auto }
1687</pre>
1688    <h2 id="Specifications" name="Specifications">
1689      Specifications
1690    </h2>
1691    <table class="standard-table">
1692      <thead>
1693        <tr>
1694          <th scope="col">
1695            Specification
1696          </th>
1697          <th scope="col">
1698            Status
1699          </th>
1700          <th scope="col">
1701            Comment
1702          </th>
1703        </tr>
1704      </thead>
1705      <tbody>
1706        <tr>
1707          <td>
1708            {{ SpecName('CSS3 UI', '#cursor', 'cursor') }}
1709          </td>
1710          <td>
1711            {{ Spec2('CSS3 UI') }}
1712          </td>
1713          <td>
1714            Add some keywords and the positioning syntax for <cod
 >e>url()</code>.
1715          </td>
1716        </tr>
1717        <tr>
1718          <td>
1719            {{ SpecName('CSS2.1', 'ui.html#cursor-propsy', 'curso
 >r') }}
1720          </td>
1721          <td>
1722            {{ Spec2('CSS2.1') }}
1723          </td>
1724          <td>
1725            Initial definition.
1726          </td>
1727        </tr>
1728      </tbody>
1729    </table>
1730    <h2 id="Browser_compatibility">
1731      Browser compatibility
1732    </h2>
1733    <table class="compat-table">
1734      <tbody>
1735        <tr>
1736          <th>
1737            Feature
1738          </th>
1739          <th>
1740            Chrome (WebKit)
1741          </th>
1742          <th>
1743            Firefox (Gecko)
1744          </th>
1745          <th>
1746            Internet Explorer
1747          </th>
1748          <th>
1749            Opera
1750          </th>
1751          <th>
1752            Safari
1753          </th>
1754        </tr>
1755        <tr>
1756          <td>
1757            <code>auto</code>, <code>crosshair</code>, <code>defa
 >ult</code>, <code>move</code>, <code>text</code>, <code>wait</cod
 >e>, <code>help</code>, <code>n-resize</code>, <code>e-resize</cod
 >e>, <code>s-resize</code>, <code>w-resize</code>, <code>ne-resize
 ></code>, <code>nw-resize</code>, <code>se-resize</code>, <code>sw
 >-resize</code>
1758          </td>
1759          <td>
1760            1.0
1761          </td>
1762          <td>
1763            1.0 (1.0)
1764          </td>
1765          <td>
1766            4.0
1767          </td>
1768          <td>
1769            7.0
1770          </td>
1771          <td>
1772            1.2
1773          </td>
1774        </tr>
1775        <tr>
1776          <td>
1777            <code>hand</code> {{ non-standard_inline() }}(just us
 >e <code>pointer</code> for this purpose)
1778          </td>
1779          <td>
1780            {{ CompatNo }}
1781          </td>
1782          <td>
1783            {{ CompatNo }}
1784          </td>
1785          <td>
1786            4.0
1787          </td>
1788          <td>
1789            {{ CompatNo }}
1790          </td>
1791          <td>
1792            {{ CompatNo }}
1793          </td>
1794        </tr>
1795        <tr>
1796          <td>
1797            <code>pointer</code>, <code>progress</code>
1798          </td>
1799          <td>
1800            1.0
1801          </td>
1802          <td>
1803            1.0 (1.0|1.7)
1804          </td>
1805          <td>
1806            6.0
1807          </td>
1808          <td>
1809            7.x
1810          </td>
1811          <td>
1812            1.2 | 3.0
1813          </td>
1814        </tr>
1815        <tr>
1816          <td>
1817            <code>url()</code> - See <a href="/en-US/docs/CSS/Usi
 >ng_URL_values_for_the_cursor_property" title="Using URL values fo
 >r the cursor property">Using URL values</a>
1818          </td>
1819          <td>
1820            1.0 (523)
1821          </td>
1822          <td>
1823            1.5 (1.8)<br>
1824            On MacOs 4.0 (2.0).
1825          </td>
1826          <td>
1827            6.0
1828          </td>
1829          <td>
1830            {{ CompatNo }}
1831          </td>
1832          <td>
1833            3.0
1834          </td>
1835        </tr>
1836        <tr>
1837          <td>
1838            Positioning syntax for <code>url()</code> values {{ e
 >xperimental_inline() }}
1839          </td>
1840          <td>
1841            {{ CompatUnknown }}
1842          </td>
1843          <td>
1844            {{ CompatVersionUnknown() }}
1845          </td>
1846          <td>
1847            {{ CompatNo }}
1848          </td>
1849          <td>
1850            {{ CompatUnknown }}
1851          </td>
1852          <td>
1853            {{ CompatUnknown }}
1854          </td>
1855        </tr>
1856        <tr>
1857          <td>
1858            <code>not-allowed</code>, <code>no-drop</code>, <code
 >>vertical-text</code>, <code>all-scroll</code>, <code>col-resize<
 >/code>, <code>row-resize</code>
1859          </td>
1860          <td>
1861            1.0 (522)
1862          </td>
1863          <td>
1864            1.5 (1.8)
1865          </td>
1866          <td>
1867            6.0
1868          </td>
1869          <td>
1870            10.6
1871          </td>
1872          <td>
1873            3.0
1874          </td>
1875        </tr>
1876        <tr>
1877          <td>
1878            <code>alias</code>, <code>cell</code>, <code>copy</co
 >de>, <code>ew-resize</code>, <code>ns-resize</code>, <code>nesw-r
 >esize</code>, <code>nwse-resize</code>, <code>context-menu</code>
1879          </td>
1880          <td>
1881            1.0 (522 )[1]
1882          </td>
1883          <td>
1884            1.5 (1.8 )[1]
1885          </td>
1886          <td>
1887            {{ CompatNo }}
1888          </td>
1889          <td>
1890            10.6 [1]
1891          </td>
1892          <td>
1893            3.0 [2]
1894          </td>
1895        </tr>
1896        <tr>
1897          <td>
1898            <code>none</code>
1899          </td>
1900          <td>
1901            5.0 (533)
1902          </td>
1903          <td>
1904            3.0 (1.9)
1905          </td>
1906          <td>
1907            9.0
1908          </td>
1909          <td>
1910            {{ CompatNo }}
1911          </td>
1912          <td>
1913            5.0 [2]
1914          </td>
1915        </tr>
1916        <tr>
1917          <td>
1918            <code>inherit</code>
1919          </td>
1920          <td>
1921            1.0
1922          </td>
1923          <td>
1924            1.0
1925          </td>
1926          <td>
1927            8.0
1928          </td>
1929          <td>
1930            9.0
1931          </td>
1932          <td>
1933            1.2
1934          </td>
1935        </tr>
1936        <tr>
1937          <td>
1938            <code>zoom-in</code>, <code>zoom-out</code>
1939          </td>
1940          <td>
1941            1.0 (522) {{ property_prefix("-webkit-") }}
1942          </td>
1943          <td>
1944            1.0 (1.4) {{ property_prefix("-moz-") }}<br>
1945            24.0
1946          </td>
1947          <td>
1948            {{ CompatNo }}
1949          </td>
1950          <td>
1951            11.6
1952          </td>
1953          <td>
1954            3.0 {{ property_prefix("-webkit-") }}
1955          </td>
1956        </tr>
1957      </tbody>
1958    </table>
1959    <p>
1960      [1] Mozilla and WebKit don't apply <code>context-menu</code
 >> on Windows, Opera does.<br>
1961      [2] Safari doesn't apply <code>alias</code>, <code>cell</co
 >de>, <code>copy</code>, <code>none</code> on Windows, it does on 
 >Mac.
1962    </p>
1963    <h2 id="See_also" name="See_also">
1964      See also
1965    </h2>
1966    <ul>
1967      <li>
1968        <a href="/en-US/docs/CSS/Using_URL_values_for_the_cursor_
 >property" title="Using URL values for the cursor property">Using 
 >URL values for the cursor property</a>
1969      </li>
1970      <li>{{ cssxref("pointer-events") }}
1971      </li>
1972      <li>
1973        <a href="http://trac.webkit.org/export/37902/trunk/WebCor
 >e/manual-tests/cursor.html">Webkit's cursor demos</a> (including 
 >the extended ones: <code>zoom</code>, <code>zoom-out</code>, <cod
 >e>grab</code>, <code>grabbing</code>)
1974      </li>
1975      <li>
1976        <a href="http://msdn.microsoft.com/en-us/library/aa358795
 >.aspx">Cursor Property (MSDN)</a>
1977      </li>
1978      <li>
1979        <a href="http://www.elektronotdienst-nuernberg.de/bugs/cu
 >rsor.html">CSS 2.1 and CSS 3 cursor propery test</a>
1980      </li>
1981    </ul>

Back to History