Learning cursor properties in CSS, with examples

Learning cursor properties in CSS, with examples


In the previous CSS lessons Taimienphi.vn introduced you to the padding property in CSS. The next lesson below Taimienphi.vn will introduce you to the cursor attribute in CSS.


Cursor attribute in CSS Used to specify the type of mouse pointer displayed when the user hovers the mouse over the element. Refer to the following article of Taimienphi.vn to learn in detail the syntax and cursor attribute in CSS.

Cursor attribute in CSS

Table of Contents:
1. Browser supports cursor.
2. Property syntax
3. The value of the attribute.

Cursor property in CSS

Here is an overview of the cursor attribute in CSS:

cursor cursor in css

– Auto default value
– Inheritance Yes
– CSS2 version
– JavaScript syntax object.style.cursor = “crosshair”

For example:

cursor cursor in css 2

cursor cursor in css 3

The output will look like the following:

cursor cursor in css 4

1. The browser supports the cursor attribute in CSS

The following is a list of browser versions that support the cursor attribute in CSS:
– Chrome v5.0 and above.
– Microsoft Edge browser v5.5.
– Firefox v4.0 browser.
– Safari browser v5.0.
– Opear browser v9.6.

2. Syntax cursor attribute syntax

The syntax for a cursor attribute in CSS looks like this:

cursor: value;

3. The values ​​of the cursor attribute in CSS

The following is a list of the values ​​of the cursor attribute in CSS:

cursor cursor in css 5

cursor cursor in css 6

cursor cursor in css 7

https://thuthuat.taimienphi.vn/thuoc-tinh-cursor-in-css-50605n.aspx
The above lesson Taimienphi.vn has just introduced you to the cursor properties in CSS. In addition, if you have any questions or questions, you can leave your comments in the comment section below the article. In the next CSS lesson, Taimienphi.vn will introduce you further Outline attribute in CSS Please.

.

Related Posts

Leave a Reply

Your email address will not be published.