Kurzory

CSS může generovat spoustu různých kurzorů myši.

• .alias {cursor: alias;}
• .all-scroll {cursor: all-scroll;}
• .auto {cursor: auto;}
• .cell {cursor: cell;}
• .context-menu {cursor: context-menu;}
• .col-resize {cursor: col-resize;}
• .copy {cursor: copy;}
• .crosshair {cursor: crosshair;}
• .default {cursor: default;}
• .e-resize {cursor: e-resize;}
• .ew-resize {cursor: ew-resize;}
• .grab {cursor: grab;}
• .grabbing {cursor: grabbing;}
• .help {cursor: help;}
• .move {cursor: move;}
• .n-resize {cursor: n-resize;}
• .ne-resize {cursor: ne-resize;}
• .nesw-resize {cursor: nesw-resize;}
• .ns-resize {cursor: ns-resize;}
• .nw-resize {cursor: nw-resize;}
• .nwse-resize {cursor: nwse-resize;}
• .no-drop {cursor: no-drop;}
• .none {cursor: none;}
• .not-allowed {cursor: not-allowed;}
• .pointer {cursor: pointer;}
• .progress {cursor: progress;}
• .row-resize {cursor: row-resize;}
• .s-resize {cursor: s-resize;}
• .se-resize {cursor: se-resize;}
• .sw-resize {cursor: sw-resize;}
• .text {cursor: text;}
• .url {cursor: url;}
• .w-resize {cursor: w-resize;}
• .wait {cursor: wait;}
• .zoom-in {cursor: zoom-in;}
• .zoom-out {cursor: zoom-out;}

Příklad:

  <style >
  .cell {cursor: cell;}
  </style >
  
  ...
  
  <p class="nějaký text">cell</p>