<html>
<head>
  <title>دکتر کد - مرجع آموزش هایی به سبک متفاوت</title>
  <style media="screen">
    .box{
      width: 90px;
      height: 40px;
      border:2px solid #e5e5e5;
      display: inline-block;
      color: #898989;
      text-align: center;
      padding-top: 10px;
      margin: 7px;
    }
    .box:hover{
      box-shadow: 0px 2px 2px #adadad;
    }
  </style>
</head>
<body>

  <div class="box" style="cursor:alias;">
    alias
  </div>
  <div class="box" style="cursor:all-scroll;">
    all-scroll
  </div>
  <div class="box" style="cursor:auto;">
    auto
  </div>
  <div class="box" style="cursor:cell;">
    cell
  </div>
  <div class="box" style="cursor:context-menu;">
    context-menu
  </div>
  <div class="box" style="cursor:col-resize;">
    col-resize
  </div>
  <div class="box" style="cursor:copy;">
    copy
  </div>
  <div class="box" style="cursor:crosshair;">
    crosshair
  </div>
  <div class="box" style="cursor:default;">
    default
  </div>
  <div class="box" style="cursor:e-resize;">
    e-resize
  </div>
  <div class="box" style="cursor:ew-resize;">
    ew-resize
  </div>
  <div class="box" style="cursor:grab;">
    grab
  </div>
  <div class="box" style="cursor:grabbing;">
    grabbing
  </div>
  <div class="box" style="cursor:help;">
    help
  </div>
  <div class="box" style="cursor:move;">
    move
  </div>
  <div class="box" style="cursor:n-resize;">
    n-resize
  </div>
  <div class="box" style="cursor:ne-resize	;">
    ne-resize
  </div>
  <div class="box" style="cursor:nesw-resize;">
    nesw-resize
  </div>
  <div class="box" style="cursor:ns-resize;">
    ns-resize
  </div>
  <div class="box" style="cursor:nw-resize;">
    nw-resize
  </div>
  <div class="box" style="cursor:nwse-resize;">
    nwse-resize
  </div>
  <div class="box" style="cursor:no-drop;">
    no-drop
  </div>
  <div class="box" style="cursor:none;">
    none
  </div>
  <div class="box" style="cursor:not-allowed;">
    not-allowed
  </div>
  <div class="box" style="cursor:pointer;">
    pointer
  </div>
  <div class="box" style="cursor:progress;">
    progress
  </div>
  <div class="box" style="cursor:row-resize;">
    row-resize
  </div>
  <div class="box" style="cursor:s-resize;">
    s-resize
  </div>
  <div class="box" style="cursor:se-resize;">
    se-resize
  </div>
  <div class="box" style="cursor:sw-resize;">
    sw-resize
  </div>
  <div class="box" style="cursor:text;">
    text
  </div>
  <div class="box" style="cursor:url;">
    url
  </div>
  <div class="box" style="cursor:w-resize;">
    w-resize
  </div>
  <div class="box" style="cursor:wait;">
    wait
  </div>
  <div class="box" style="cursor:zoom-in;">
    zoom-in
  </div>
  <div class="box" style="cursor:zoom-out;">
    zoom-out
  </div>
</body>
</html>
دکتر کد - مرجع آموزش هایی به سبک متفاوت
alias
all-scroll
auto
cell
context-menu
col-resize
copy
crosshair
default
e-resize
ew-resize
grab
grabbing
help
move
n-resize
ne-resize
nesw-resize
ns-resize
nw-resize
nwse-resize
no-drop
none
not-allowed
pointer
progress
row-resize
s-resize
se-resize
sw-resize
text
url
w-resize
wait
zoom-in
zoom-out