, markør, ejendomsret til css giver dig mulighed for at præcisere, hvilken type markør, der bør vises til brugeren. en god anvendelse af ejendommen, består i at bruge billeder til forelægge knapper på former.ved misligholdelse, når en markør svæver over et link, markøren ændringer fra et fingerpeg om en hånd.men det ændrer ikke form i en stille knap på en formular.derfor, når nogen svæver over et billede, der er en stille knap, og det giver et visuelt spor, at billedet er clickable. følgende tabel viser de mulige værdier for markøren property − værdi beskrivelse auto i form af markøren afhænger af den sammenhæng, det er slut.for eksempel, en "jeg" over tekst, en hånd over en forbindelse, og så videre.crosshair en crosshair plus misligholdelse eller en pil, viser en peger side (dvs. 4. denne værdi).- "jeg bar e-resize markøren tyder på, at en del af en kasse skal flyttes ret (øst).ne resize markøren tyder på, at en del af en kasse til at blive flyttet og ret (nord - øst).for resize markøren tyder på, at en del af en kasse til at blive flyttet op og til venstre (nord - vest).n-resize markøren tyder på, at en del af en kasse skal flyttes op (nord).se resize markøren tyder på, at en del af en kasse skal flyttes ned og ret (syd - øst).sw resize markøren tyder på, at en del af en kasse skal flyttes ned og efterlod (syd - vest).s-resize markøren tyder på, at en del af en kasse skal flyttes ned (syd).w-resize markøren tyder på, at en del af en kasse skal flyttes tilbage (vest).tekst, jeg bar.vent en time glas.hjælpe et spørgsmål eller en ballon, ideel til brug i hjælpe knapper.< url > kilde til en markør image fil.note:,,, du burde prøve til kun at anvende disse værdier for at tilføje nyttige oplysninger for brugerne, og nogle steder, ville de forvente, at markør.For example, using the crosshair when someone hovers over a link can confuse visitors.,Here is an example −, <html> <head> </head> <body> <p>Move the mouse over the words to see the cursor change:</p> <div style="cursor:auto">Auto</div> <div style="cursor:crosshair">Crosshair</div> <div style="cursor:default">Default</div> <div style="cursor:pointer">Pointer</div> <div style="cursor:move">Move</div> <div style="cursor:e-resize">e-resize</div> <div style="cursor:ne-resize">ne-resize</div> <div style="cursor:nw-resize">nw-resize</div> <div style="cursor:n-resize">n-resize</div> <div style="cursor:se-resize">se-resize</div> <div style="cursor:sw-resize">sw-resize</div> <div style="cursor:s-resize">s-resize</div> <div style="cursor:w-resize">w-resize</div> <div style="cursor:text">text</div> <div style="cursor:wait">wait</div> <div style="cursor:help">help</div> </body> </html> , ,It will produce the following result −, ,
css cursors
Previous:css paddings
Next Page:css scrollbars