Hướng dẫn cursor warning css

• Trang chủ
• Tham khảo
• CSS
• Thuộc tính cursor

Định nghĩa và sử dụng

Thuộc tính cursor hiển thị con trỏ chuột khi duy chuyển con trỏ vào thành phần.

Cấu trúc

Với giá trị như sau:

Hãy di chuyển con trỏ chuột tới từng dạng để thấy rõ sự hiện thị.

Ví dụ

HTML viết:

HỌC WEB CHUẨN

Hiển thị trình duyệt khi chưa có CSS:

CSS viết:

Hiển thị trình duyệt khi có CSS:

Di chuyển con trỏ vào text sẽ thấy hiệu ứng.

Trình duyệt hỗ trợ

Thuộc tính cursor được hỗ trợ trong đa số các trình duyệt.

Giá trị "inherit" không hỗ trợ trình duyệt IE7 trở xuống, IE8 đòi hỏi phải có !Doctype

Example

CSS can generate a bunch of different mouse cursors:

.alias {cursor: alias;}
.all-scroll {cursor: all-scroll;}
.auto {cursor: auto;}
.cell {cursor: cell;}
.col-resize {cursor: col-resize;}
.context-menu {cursor: context-menu;}
.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(myBall.cur),auto;}
.w-resize {cursor: w-resize;}
.wait {cursor: wait;}
.zoom-in {cursor: zoom-in;}
.zoom-out {cursor: zoom-out;}

Try it Yourself »

Definition and Usage

The cursor property specifies the mouse cursor to be displayed when pointing over an element.

Browser Support

The numbers in the table specify the first browser version that fully supports the property.

CSS Syntax

Property Values

Related Pages

HTML DOM reference: cursor property