cursor

語法:

cursor:[<url> [<x> <y>]?,]*[ auto | default | none | context-menu | help | pointer | progress | wait | cell | crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | e-resize | n-resize | ne-resize | nw-resize | s-resize | se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize | nwse-resize | col-resize | row-resize | all-scroll]

默認值auto

說明:

設置或檢索在對象上移動的鼠標指針采用何種系統預定義的光標形狀。
  • 使用自定义图像作为光标类型,IE, Opera只支持*.cur等特定的图片格式;Firefox, Chrome, Safari既支持特定图片类型也支持常见的*.jpg, *.gif, *.jpg等图片格式。
  • cursor的屬性值可以是一個序列

    示例代碼:

    :link,:visited{ 
    
        cursor:url(?/css3/properties/user-interface/example.svg#linkcursor),
    
                url(?/css3/properties/user-interface/hyper.cur),
    
                url(?/css3/properties/user-interface/hyper.png) 2 3,
    
                pointer;
    
    }

    本例用來給所有的超鏈接定義光標類型,客戶端如果不支持SVG類型的光標,則使用下個"?/css3/properties/user-interface/hyper.cur";如果cur類型也不支持,則使用下個"?/css3/properties/user-interface/hyper.png";依次類推。

  • 對應的腳本特性爲cursor

兼容性:

  • 淺綠 = 支持
  • 紅色 = 不支持
  • 墨綠 = 部分支持
  • 橙色 = 实验性质
支持版本\類型 IE Firefox Safari Chrome Opera
版本 6.0 4.0 5.1 13.0 11.50

示例: