সিএসএস কার্সর টিউটোরিয়াল (CSS Cursor Tutorial in Bangla)

সিএসএস কার্সর টিউটোরিয়াল (CSS Cursor Tutorial in Bangla)

যেকোন লিংক বা লেখার উপরে মাউস নিয়ে গেলে সাধারনত হাতের চিহ্ন বা তীর চেহ্ন ইত্যাদি দেখায়। সিএসএস দিয়ে এই চিহ্ন পরিবর্তন করা যায়।cursor নামের একটি প্রোপার্টিজ আছে সেটা দিয়ে পরিবর্তন করা যায়, cursor এর অনেকগুলি মান আছে যেমন

01.a.one{

02. 

03.cursor : wait;

04. 

05.}

06. 

07.a.two{

08. 

09.cursor: crosshair;

10. 

11.}

12. 

13.p.three{

14. 

15.cursor: help;

16. 

17.}

18. 

19.a.four{

20. 

21.cursor: pointer;

22. 

23.}

24. 

25.p.five{

26. 

27.cursor: text;

28. 

29.}

30.p.six{

31. 

32.cursor: none;

33. 

34.}

35.p.seven{

36. 

37.cursor: context-menu;

38. 

39.}

40.p.eight{

41. 

42.cursor: cell;

43. 

44.}

45.p.nine{

46. 

47.cursor: vertical-text;

48. 

49.}

50.p.ten{

51. 

52.cursor: alias;

53. 

54.}

55.p.eleven{

56. 

57.cursor: n-resize;

58. 

59.}

60.p.twelve{

61. 

62.cursor: no-drop;

63. 

64.}

65.p.thirteen{

66. 

67.cursor: not-allowed;

68. 

69.}

70.p.fourteen{

71. 

72.cursor: all-scroll;

73. 

74.}

75.p.fifteen{

76. 

77.cursor: col-resize;

78. 

79.}

80.p.sixteen{

81. 

82.cursor: row-resize;

83. 

84.}

85.p.seventeen{

86. 

87.cursor: n-resize;

88. 

89.}

প্রয়োগ দেখুন
এরুপ আরো আছে

01.{ cursor: w-resize; }

02.{ cursor: ns-resize; }

03.{ cursor: ew-resize; }

04.{ cursor: ne-resize; }

05.{ cursor: nw-resize; }

06.{ cursor: se-resize; }

07.{ cursor: sw-resize; }

08.{ cursor: nesw-resize; }

09.{ cursor: nwse-resize; }

10.{cursor: url(images/my-cursor.png), auto;}

** কিছু কিছু ব্রাউজারে কিছু কিছু cursor এর মান সাপোর্ট করেনা যেমন cursor : none; ফায়ারফক্স ৩, সাফারি ৫ এবং ক্রোম ৫ এ সাপোর্টেড না। আবার ছবি অপেরাতে সাপোর্ট করেনা এবং IE + Opera তে নিম্নোক্তগুলি সাপোর্ট করেনা

1.{cursor: not-allowed;}

2.{cursor: no-drop;}

3.{cursor:vertical-text;}

4.{cursor: all-scroll;}

5.{cursor: col-resize;}

6.{cursor: row-resize;}