Học thuộc tính cursor trong CSS, có ví dụ

Trong các bài học CSS trước Taimienphi.vn đã giới thiệu cho bạn về thuộc tính padding trong CSS. Bài học tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính cursor trong CSS.

Thuộc tính cursor trong CSS được sử dụng để chỉ định kiểu con trỏ chuột được hiển thị khi người dùng di chuột qua phần tử. Tham khảo tiếp bài viết dưới đây của Taimienphi.vn để tìm hiểu chi tiết cú pháp và thuộc tính cursor trong CSS.

thuoc tinh cursor trong css hoc css

Thuộc tính cursor trong CSS

Mục Lục bài viết:
1. Trình duyệt hỗ trợ cursor .
2. Cú pháp thuộc tính.
3. Các giá trị của thuộc tính.

Thuộc tính Cursor trong CSS

Dưới đây là bảng tổng quan về thuộc tính cursor trong CSS:

thuoc tinh cursor trong css

- Giá trị mặc định Auto
- Kế thừa Có
- Phiên bản CSS2
- Cú pháp JavaScript object.style.cursor="crosshair"

Ví dụ:

thuoc tinh cursor trong css 2

thuoc tinh cursor trong css 3

Kết quả đầu ra có dạng như dưới đây:

thuoc tinh cursor trong css 4

1. Trình duyệt hỗ trợ thuộc tính cursor trong CSS

Dưới đây là danh sách các phiên bản trình duyệt hỗ trợ thuộc tính cursor trong CSS:
- Chrome v5.0 trở lên.
- Trình duyệt Microsoft Edge v5.5.
- Trình duyệt Firefox v4.0.
- Trình duyệt Safari v5.0.
- Trình duyệt Opear v9.6.

2. Cú pháp thuộc tính cursor trong CSS

Cú pháp thuộc tính cursor trong CSS có dạng như dưới đây:

cursor: value;

3. Các giá trị của thuộc tính cursor trong CSS

Dưới đây là danh sách các giá trị của thuộc tính cursor trong CSS:

thuoc tinh cursor trong css 5

thuoc tinh cursor trong css 6

thuoc tinh cursor trong css 7

https://thuthuat.taimienphi.vn/thuoc-tinh-cursor-trong-css-50605n.aspx
Bài học trên đây Taimienphi.vn vừa giới thiệu cho bạn các thuộc tính cursor trong CSS. Ngoài ra nếu có bất kỳ thắc mắc hoặc câu hỏi nào cần giải đáp, bạn đọc có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết nhé. Trong bài học CSS tiếp theo Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính Outline trong CSS nhé.

Tác giả: Nguyễn Hải Sơn     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Thuộc tính định dạng bảng trong CSS
Thuộc tính Margin trong CSS
Thuộc tính tùy chỉnh kích thước trong CSS
Thuộc tính padding trong CSS
CSS là gì?
Từ khoá liên quan:

thuoc tinh cursor trong css

, cursor trong css, css,

SOFT LIÊN QUAN
  • Rapid CSS

    Chỉnh sửa mã nguồn CSS

    Rapid CSS là một trình soạn thảo nâng cao có thể giúp bạn dễ dàng tạo và sửa tập tin định dạng CSS với bất kỳ kích thước và độ phức tạp cao với rất nhiều chức năng trợ giúp như tự động hoàn thành, khảo sát mã và kiểm tra ...

Tin Mới

  • Tìm hiểu Link trong CSS, cú pháp và ví dụ

    Trong bài học CSS trước Taimienphi.vn đã giới thiệu cho bạn về hình ảnh (image) trong CSS. Trong bài học tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về link trong CSS.

  • Học thuộc tính cursor trong CSS, có ví dụ

    Trong các bài học CSS trước Taimienphi.vn đã giới thiệu cho bạn về thuộc tính padding trong CSS. Bài học tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính cursor trong CSS.

  • Thuộc tính border trong CSS, cú pháp và ví dụ minh họa

    Trong bài học CSS trước Taimienphi.vn đã giới thiệu cho bạn về các thuộc tính định dạng bảng trong CSS. Trong bài viết tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính border trong CSS.

  • Dùng điều hòa tốn bao nhiêu số điện 1 ngày? 1 tháng?

    Đọc, nghiên cứu nội dung bài viết dùng điều hòa tốn bao nhiêu số điện 1 ngày, 1 tháng ở dưới đây, bạn đọc sẽ biết cách tính toán mức tiêu thụ điện