w3resource

CSS Properties - Basic Exercises, Practice, Solution

[An editor is available at the bottom of the page to write and execute the scripts.]

73. How to display different type of cursor?

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS Cursor Properties</title>
</head>
<body>
</body>
</html>

Try it in the following editor or see the solution.

1. How to set the cursor so that it indicates an alias of something is to be created?

2. How to cursor so that it indicates that something can be scrolled in any direction?

3. How to let the browser set a cursor?

4. How to set the cursor so that it indicates that a cell may be selected?

5. How to set the cursor so that it indicates that a context-menu is available?

6. How to set the cursor so that it indicates that the column can be resized horizontally?

7. How to set the cursor so that it indicates something is to be copied?

8. How to the cursor so that it is rendered as a crosshair?

9. How to set the default cursor?

10. How to set the cursor so that it indicates that an edge of a box is to be moved right?

11. How to set a bidirectional resize cursor?

12. How to set the cursor so that indicates that something can be grabbed using grab?

13. How to set the cursor so that it indicates that something can be grabbed using grabbing?

14. How to set the so that it cursor indicates that help is available?

15. How to set the cursor so that it indicates something is to be moved?

16. How to the set cursor so that it indicates that an edge of a box is to be moved up north?

17. How to the cursor so that it indicates that an edge of a box is to be moved up and right ?

18. How to set the cursor so that it indicates a bidirectional resize cursor using nesw-resize?

19. How to set the cursor so that it indicates a bidirectional resize cursor using ns-resize?

20. How to set the cursor so that it indicates that an edge of a box is to be moved up and left (north/west)?

21. How to set the cursor so that it indicates a bidirectional resize cursor using nwse-resize?

22. How to set the cursor so it indicates that the dragged item cannot be dropped here?

23. How to let no cursor be rendered for the element?

24. How to set the cursor so that it indicates that the requested action will not be executed?

25. How to set the cursor as a pointer and indicates a link?

26. How to set the cursor so that it indicates that the program is busy?

27. How to set the cursor so that it indicates that the row can be resized vertically?

28. How to set the cursor so that it indicates that an edge of a box is to be moved down?

29. How to set the cursor so that it indicates that an edge of a box is to be moved down and right?

30. How to set the cursor so that it indicates that an edge of a box is to be moved down and left?

31. How to set the cursor so that it indicates text that may be selected?

32. How to create a custom cursor by means of a comma separated list of URLs?

33. How to set the cursor so that it indicates vertical-text that may be selected?

34. How to set the cursor so that it indicates that an edge of a box is to be moved left?

35. How to set the cursor is indicated that the program is busy?

36. How to set the cursor so that it indicates that something can be zoomed in?

37. How to set cursor so that it indicates that something can be zoomed out?

38. How to make cursor initial property use to its default value?

See the Pen html css common editor by w3resource (@w3resource) on CodePen.


Previous: How to make counter-reset property creates or resets one or more counters?
Next: How to set the text direction to "right-to-left"?

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.