They are relative to the top left corner of the image, which corresponds to " 0 0", and are clamped within the boundaries of the cursor image. The numbers are in units of image pixels. Optional x- and y-coordinates indicating the cursor hotspot the precise position within the cursor that is being pointed to.
More than one url() may be provided as fallbacks, in case some cursor image types are not supported.Ī non-URL fallback (one or more of the keyword values) must be at the end of the fallback list. ValuesĪ url(…) or a comma separated list url(…), url(…), …, pointing to an image file. The browser will try to load the first image specified, falling back to the next if it can't, and falling back to the keyword value if no images could be loaded (or if none were specified).Įach may be optionally followed by a pair of space-separated numbers, which set the coordinates of the cursor's hotspot relative to the top-left corner of the image. The cursor property is specified as zero or more values, separated by commas, followed by a single mandatory keyword value. , url (cursor_n.cur ) 5 5, progress /* Global values */ cursor : inherit cursor : initial cursor : revert cursor : unset
* Keyword value */ cursor : auto cursor : pointer Ĭursor : zoom-out /* URL with mandatory keyword fallback */ cursor : url (hand.cur ), pointer /* URL and coordinates, with mandatory keyword fallback */ cursor : url (cursor_1.png ) 4 12, auto cursor : url (cursor_2.png ) 2 2, pointer /* URLs and fallback URLs (some with coordinates), with mandatory keyword fallback */ cursor : url (cursor_1.svg ) 4 5, url (cursor_2.svg ).
0 kommentar(er)
