Thuộc tính cursor trong CSS | Xác định kiểu con trỏ trong CSS PDF con tro trong css

http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Con trỏ CSS Thuộc tính cursor CSS giúp bạn xác định kiểu trỏ hiển thị tới người dùng Một cách sử dụng phổ biến thuộc tính sử dụng hình ảnh làm trỏ hiển thị nút submit form Theo mặc định, trỏ hover qua link, trỏ chuột thay đổi từ dạnh trỏ thành hình dạng bàn tay Bảng liệt kê giá trị mà thuộc tính cursor nhận:− Giá trị Miêu tả auto Hình dáng trỏ phụ thuộc vào context mà di chuyển qua Ví dụ, dạng chữ I di chuyển qua văn hay bàn tay di chuyển qua link, … crosshair Dạng crosshair dấu cộng default Một mũi tên pointer Hình dạng bàn tay move Thanh I e-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp ne-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp nw-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp n-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     se-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp sw-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp s-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp w-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp text Thanh I wait Hình dáng giống chiêc đồng hồ cát, chờ xử lý help Một dấu chấm hỏi (?), sử dụng giá trị cho nút Help Nguồn tới file chứa hình ảnh trỏ Ghi chú: Bạn nên thực hành với giá trị thuộc tính để đỡ nhầm lần sử dụng giúp cho bạn hiển thị hình dáng trỏ chuột thích hợp tới người sử dụng Chẳng hạn, người sử dụng di chuyển chuột vào link, bạn lại hiển thị trỏ chuột dạng đồng hồ cát mà biểu thị chờ xử lý, nhầm lẫn khôi hài Dưới ví dụ minh họa cách sử dụng giá trị thuộc tính cursor CSS

Di chuyen tro chuot qua cac phan text sau de thay cac hinh dang tro khac nhau:

Gia tri auto Gia tri crosshair Gia tri default Gia tri pointer Gia tri move Gia tri e-resize Gia tri ne-resize Gia tri nw-resize Gia tri n-resize Gia tri seresize Gia tri sw-resize http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     http://vietjack.com/css/index.jsp                                                                                                              Copyright  ©  vietjack.com     Gia tri s-resize Gia tri w-resize Gia tri text Gia tri wait Gia tri help Kết là: Di chuyen tro chuot qua cac phan text sau de thay cac hinh dang tro khac nhau: Gia tri auto Gia tri crosshair Gia tri default Gia tri pointer Gia tri move Gia tri e-resize Gia tri ne-resize Gia tri nw-resize Gia tri n-resize Gia tri se-resize Gia tri sw-resize Gia tri s-resize Gia tri w-resize Gia tri text Gia tri wait Gia tri help   http://vietjack.com/                                                                                                                              Trang  chia  sẻ  các  bài  học  online  miễn  phí     ... hiển thị trỏ chuột dạng đồng hồ cát mà biểu thị chờ xử lý, nhầm lẫn khơi hài Dưới ví dụ minh họa cách sử dụng giá trị thuộc tính cursor CSS

Di chuyen tro chuot... hinh dang tro khac nhau:

Gia tri auto Gia tri crosshair Gia tri default Gia... thay đổi kích cỡ hộp sw-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người dùng kéo để thay đổi kích cỡ hộp s-resize Hình dáng trỏ hiển thị trỏ chuột di chuyển vào cạnh hộp người