Top

logo

Login with Google Login with Facebook Login with Twitter Login with Netbax

css cursor properties tutorial


css cursor properties tutorial specifies the type of cursor to be displayed when the mouse pointer is hover over an element.

Facebook Tweet1

<span style="cursor: auto;">auto</span>
<span style="cursor: default;">default</span>
<span style="cursor: none;">none</span>

<span style="cursor: context-menu;">context-menu</span>
<span style="cursor: help;">help</span>
<span style="cursor: pointer;">pointer</span>
<span style="cursor: progress;">progress</span>
<span style="cursor: wait;">wait</span>

<span style="cursor: cell;">cell</span>
<span style="cursor: crosshair;">crosshair</span>
<span style="cursor: text;">text</span> 
<span style="cursor: vertical-text;">vertical-text</span>

<span style="cursor: alias;">alias</span>
<span style="cursor: copy;">copy</span>
<span style="cursor: move;">move</span>
<span style="cursor: no-drop;">no-drop</span>
<span style="cursor: not-allowed;">not-allowed</span>

<span style="cursor: grab;">grab</span>
<span style="cursor: grabbing;">grabbing</span>
<span style="cursor:e-resize">e-resize</span>
<span style="cursor: n-resize;">n-resize</span>
<span style="cursor: ne-resize;">ne-resize</span>
<span style="cursor: nw-resize;">nw-resize</span>
<span style="cursor: s-resize;">s-resize</span>
<span style="cursor: se-resize;">se-resize</span>
<span style="cursor: sw-resize;">sw-resize</span>
<span style="cursor: w-resize;">w-resize</span>
<span style="cursor: ew-resize;">ew-resize</span>
<span style="cursor: ns-resize;">ns-resize</span>
<span style="cursor: nesw-resize;">nesw-resize</span>
<span style="cursor: nwse-resize;">nwse-resize</span>

<span style="cursor: col-resize;">col-resize</span>
<span style="cursor: row-resize;">row-resize</span>
<span style="cursor: all-scroll;">all-scroll</span>
<span style="cursor: zoom-in;">zoom-in</span>
<span style="cursor: zoom-out;">zoom-out</span>

syntax:

cursor:

| auto | default | none | context-menu | help | pointer | progress | wait | cell | 
| crosshair | text | vertical-text | alias | copy | move | no-drop | not-allowed | 
| grab | grabbing | e-resize | n-resize | ne-resize | nw-resize | s-resize | 
| se-resize | sw-resize | w-resize | ew-resize | ns-resize | nesw-resize |
| nwse-resize | col-resize | row-resize | all-scroll | zoom-in | zoom-out | 
| [url(cursor file)] | initial | inherit; |

property values

the following table describes the values of this property.

value example description

general

auto demo default. browser set a cursor
default demo no any special behavior for the cursor. typically an arrow
none demo no cursor is visible

links & status

context-menu demo specifies that a context-menu is available
help demo specifies that a help information is available
pointer demo specifies that a element can be interacted, when click on it. typically an hand
progress demo specifies that a progress indicator
wait demo specifies that process is running and the user should wait

selection

cell demo specifies that a cells can be selected
crosshair demo specifies that a selection in a bitmap. typically a simple crosshair
text demo specifies that text that can be selected
vertical-text demo specifies that vertical text can be selected

drag and drop

alias demo specifies that an alias or shortcut is created
copy demo specifies that something can be copied
move demo specifies that something can be moved
no-drop demo specifies that an item not able to drop at the current location
not-allowed demo specifies that something can not done

resize & scrolling

all-scroll demo specifies that something can be scrolled in any direction
col-resize demo specifies that something can be resized only horizontally
row-resize demo specifies that something can be resized only vertically
n-resize demo specifies that some edge is to be moved up (north)
e-resize demo specifies that some edge is to be moved right (east)
s-resize demo specifies that some edge is to be moved down (south)
w-resize demo specifies that some edge is to be moved left (west)
ne-resize demo specifies that some edge is to be moved up and right (north/east)
nw-resize demo specifies that some edge is to be moved up and left (north/west)
se-resize demo specifies that some edge is to be moved down and right (south/east)
sw-resize demo specifies that some edge is to be moved down and left (south/west)
ew-resize demo bidirectional resize cursor
ns-resize demo
nesw-resize demo
nwse-resize demo

zoom and grab

zoom-in demo specifies that something can be zoomed in
zoom-out demo specifies that something can be zoomed out
grab demo specifies that something can be dragged to be moved somewhere
grabbing demo specifies that something can be grabbed

custom

url(location) demo specifies the cursor resource location
initial & inherit
initial sets default value of this property
inherit inherits this property from its parent element

web design maker from 100 €

ads
web sale design maker

html properties tutorial

html

HTML is the main markup language for web pages, and its elements are the basic building blocks of web pages. HTML is written in the form of HTML elements consisting of tags enclosed in "greater than" and "less than" symbols within the content of the web page.


html property tutorial

javascript properties tutorial

java

Java is a set of computer software and specifications developed by James Gosling at Sun Microsystems, later acquired by Oracle Corporation, which provides a system for developing application software and its development in a multi-platform computing environment.


javascrip properties tutorial

creation properties tutorial
creation1

In this chapter I call creation I will present you creations html, css and javascript that are very useful and creative in a web site.




creation properties tutorial

css menu bar horizontal & vertical
css-menu

having easy-to-use horizontal & vertical menu is important for any web site. with css you can transform boring html menus into good-looking horizontal & vertical bars. horizontal & vertical menu is such an important part of your website. it’s how your visitors navigate to the main areas of your site and makes it easy for them to find your good content.


css menu bar horizontal & vertical

css notebook paper design

notebook1

Question: I am trying to make a notebook paper on my blog, and i wanted to make horizontal lines in it. I was successfully able to draw one horizontal line using css, but i am unable to find a way to repeat it, so that it can fill the entire page.

answer: this tutorial will show you how to create a notebook themed website using only css.


css notebook paper design

fancy text generator

fancy text generator

a fancy cool font generator that helps create stylish text font styles with beautiful symbols and fancy characters for instagram other places.




fancy text generator

Alt Codes List of Alt Key Codes Symbols

alt-key1

Alt Codes List of Alt Key Codes Symbols,keyboard for windows and mac,The list of all Alt Codes for special characters and symbols.




Alt Codes List of Alt Key Codes Symbols

keyboard shortcuts for windows and mac
keyboard

keyboard shortcuts for windows and mac,are often used in modern operating systems and computer software programs.




keyboard shortcuts for windows and mac

Css Button Generator With Icon And Texture

button1

Css Button Generator With Icon And Texture.
Is one of the most complete button generators on the web.
A very strong one css button generator.
With many design options.
Professional design engine.
A long-term and difficult construction to serve you all.
This is FREEWARE.
Create infinite buttons at no cost.


Css Button Generator With Icon And Texture

online banner text generator

banner1

online banner text generator a helpful tool to generate image banner.Upload your assets, company logo, Simultaneously edit text, image and effects directly on all banners.




online banner text generator

online 3d text generator

3d

online 3D text generator, a free online 3D tool to create 3D typography. Quick and easy, this online tool helps you create the best text design possible with just a few clicks.It can be used for your company, to create a 3D text logos, or for art. This 3D text maker will only take you a few clicks to create the perfect 3D logo.


online 3d text generator

online html marquee generator

marquee

online html marquee generator.Link,text,images, Marquee Generator Text Marquee Generator.Use this HTML marquee generator to create scrolling text or images for your website.




online html marquee generator

Online Font Family Generator

font

Online Font Family Generator, CSS font family generator is a very handy resource for webdevelopers and general. Generate in an instant awesome header text styles or content text styles for your website. More than 1000 font family styles are integrated that you can use.


Online Font Family Generator

css web buttons properties

button2

css web buttons property,Collection of hand-picked free HTML and CSS button code examples. In the last years, the web has been invaded by the cool buttons provided by libraries like Bootstrap. Even if these libraries are cool and feature rich, they're also really heavy, and it's a waste to load hundreds of kilobytes if you need to show just one button. In this article, we'll see some really cool looking responsive buttons using only a few lines of CSS.You are free to copy, modify and use this code as you wish. All the buttons shown here can scale accordingly to the font-size attribute, and should work in any relatively recent browser.


css web buttons property




If you’d like to send us feedback, or have any other question, please fill out the form below and we will get back to you as soon as possible.