Các loại con trỏ trong css là gì?
|
Những ngày đầu phát triển web thật thú vị khi các công nghệ và kỹ thuật mới được phát hiện. Chúng tôi đã trải qua một vài năm trì trệ vào giữa thập kỷ trước, nhưng nhờ có HTML5, việc phát triển web đã trở nên sôi động trở lại. Đặc biệt, CSS3 đang phát triển nhanh chóng và bạn sẽ tìm thấy một số điều thú vị trong thông số kỹ thuật Show Trong bài viết này, chúng ta sẽ kiểm tra thuộc tính con trỏ CSS, như bạn mong đợi, cho phép bạn thay đổi kiểu con trỏ khi chuột di chuyển qua một phần tử. Nó ngày càng trở nên quan trọng đối với các ứng dụng web tương tác… Kiểu con trỏ CSS2CSS2 cung cấp tương đối ít tùy chọn (di chuột qua bất kỳ phần tử nào để xem con trỏ thay đổi như thế nào) cursor: auto cursor: inherit cursor: crosshair cursor: default cursor: help cursor: move cursor: pointer cursor: progress_______8 cursor: wait cursor: inherit0 cursor: inherit1 cursor: inherit2 cursor: inherit3 cursor: inherit4 cursor: inherit5 cursor: inherit6 cursor: inherit7 Kiểu con trỏ CSS3Chúng tôi có nhiều phong cách hơn để lựa chọn trong CSS3. Chúng hoạt động trong IE9 và các phiên bản Firefox, Chrome, Safari và Opera mới nhất trừ khi được chỉ định cursor: inherit8 cursor: inherit9 cursor: crosshair0 cursor: crosshair1 cursor: crosshair2 cursor: crosshair3 cursor: crosshair4_______25 cursor: crosshair6 cursor: crosshair7 cursor: crosshair8 cursor: crosshair9 cursor: default0 cursor: default1 cursor: default2 Con trỏ dành riêng cho trình duyệtMozilla và một số phiên bản của Chrome và Safari cung cấp một số kiểu con trỏ có tiền tố của nhà cung cấp có khả năng trở thành một phần của đặc tả CSS3 cursor: default3____34 cursor: default5 cursor: default6 Tạo con trỏ của riêng bạnCuối cùng, bạn có thể tạo đồ họa con trỏ của riêng mình, e. g cursor: default7 Ghi chú
Đẹp, nhưng có vẻ như quá nhiều nỗ lực đối với tôi. Tôi sẽ gắn bó với các kiểu con trỏ tiêu chuẩn… Và nếu bạn thích đọc bài đăng này, bạn sẽ thích Có thể học được; . Các thành viên có quyền truy cập tức thì vào tất cả sách điện tử của SitePoint và các khóa học trực tuyến tương tác, như HTML5 & CSS3 cho thế giới thực Nhận xét về bài viết này đã bị đóng. Bạn có câu hỏi về CSS3? Chia sẻ bài viết nàyCraig Buckler Craig là một nhà tư vấn web tự do ở Vương quốc Anh, người đã xây dựng trang đầu tiên của mình cho IE2. 0 vào năm 1995. Kể từ thời điểm đó, anh ấy đã ủng hộ các tiêu chuẩn, khả năng truy cập và các kỹ thuật HTML5 thực hành tốt nhất. Anh ấy đã tạo các thông số kỹ thuật doanh nghiệp, trang web và ứng dụng trực tuyến cho các công ty và tổ chức bao gồm Nghị viện Vương quốc Anh, Nghị viện Châu Âu, Bộ Năng lượng & Biến đổi Khí hậu, Microsoft, v.v. Anh ấy đã viết hơn 1.000 bài báo cho SitePoint và bạn có thể tìm thấy anh ấy @craigbuckler Nó được sử dụng để xác định loại con trỏ chuột khi con trỏ chuột nằm trên phần tử. Nó cho phép chúng tôi chỉ định loại con trỏ sẽ được hiển thị cho người dùng. Khi người dùng di chuột vào liên kết, thì theo mặc định, con trỏ sẽ biến thành bàn tay từ một con trỏ Hãy hiểu các giá trị thuộc tính của con trỏ ValuesUsagealiasNó được sử dụng để hiển thị dấu hiệu con trỏ của thứ gì đó sẽ được tạo. autoIt là thuộc tính mặc định mà trình duyệt đặt con trỏ. all-scrollNó biểu thị việc cuộn. col-resizeSử dụng nó, con trỏ sẽ biểu thị rằng cột có thể được thay đổi kích thước theo chiều ngang. ô Con trỏ sẽ biểu thị rằng một ô hoặc tập hợp các ô được chọn. context-menuNó cho biết sự sẵn có của menu ngữ cảnh. defaultIt chỉ ra một mũi tên, là con trỏ mặc định. copyNó được sử dụng để chỉ ra rằng một cái gì đó được sao chép. crosshairTrong đó, con trỏ thay đổi thành crosshair hoặc dấu cộng. e-resizeNó đại diện cho hướng đông và chỉ ra rằng cạnh của hộp sẽ được dịch chuyển sang phải. ew-resizeIt biểu thị hướng đông/tây và biểu thị con trỏ thay đổi kích thước hai chiều. n-resizeNó đại diện cho hướng bắc cho biết rằng cạnh của hộp sẽ được dịch chuyển lên trên. ne-resizeNó đại diện cho hướng bắc/đông và chỉ ra rằng cạnh của hộp sẽ được dịch chuyển lên trên và sang phải. moveIt chỉ ra rằng một cái gì đó sẽ được dịch chuyển. trợ giúpNó ở dạng dấu chấm hỏi hoặc bóng bay, thể hiện rằng trợ giúp có sẵn. Không có Nó được sử dụng để chỉ ra rằng không có con trỏ nào được hiển thị cho phần tử. No-dropNó được sử dụng để biểu thị rằng vật phẩm được kéo không thể bị rơi ở đây. s-resizeIt cho biết một hộp cạnh sẽ được di chuyển xuống. Nó chỉ hướng nam. Row-resizeNó được sử dụng để chỉ ra rằng hàng có thể được thay đổi kích thước theo chiều dọc. Se-resizeIt đại diện cho hướng nam/đông, cho biết rằng hộp cạnh sẽ được di chuyển xuống và sang phải. Sw-resizeNó đại diện cho hướng nam/tây và chỉ ra rằng một cạnh của hộp sẽ được dịch chuyển về phía dưới và sang trái. WaitIt đại diện cho một chiếc đồng hồ cát. Nó cho biết nguồn của tệp hình ảnh con trỏ. w-resizeNó chỉ ra hướng tây và biểu thị rằng cạnh của hộp sẽ được dịch chuyển sang trái. Phóng toNó được sử dụng để chỉ ra rằng một cái gì đó có thể được phóng to. Thu nhỏNó được sử dụng để chỉ ra rằng một cái gì đó có thể được thu nhỏCó bao nhiêu loại con trỏ trong CSS?36 Con trỏ trong CSS - Hướng dẫn đầy đủ. Hướng dẫn CSS.
Con trỏ trong CSS là gì?Con trỏ là con trỏ biểu thị liên kết . Điển hình là hình ảnh chỉ tay. phát triển. Chương trình đang bận ở chế độ nền, nhưng người dùng vẫn có thể tương tác với giao diện (ngược lại với chờ). đợi đã.
Có bao nhiêu loại con trỏ?Có 2 loại Con trỏ. Con trỏ tiềm ẩn và con trỏ rõ ràng.
Năm con trỏ khác nhau là gì?Các loại con trỏ chuột . Con trỏ văn bản. Con trỏ văn bản giống chữ “I” in hoa trong một số phông chữ nhất định, là một trong những con trỏ phổ biến nhất mà bạn sẽ thấy khi làm việc trên máy tính. . con trỏ bận. . Con trỏ liên kết. . Con trỏ chính xác. . Con trỏ tiêu chuẩn. . Con trỏ trợ giúp. . Con trỏ bận nền. . Thay đổi kích thước đường chéo |
