CSS 2 - Cursor

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]

cursor

    

Wartości:

  • auto (wartość domyślna) - wygląd wskaźnika uzależniony od kontekstu;
  • default - wygląd domyślny;
  • uri - uniwersalny identyfikator źródła pliku graficznego wskaźnika;
  • n-resize | ne-resize | e-resize | se-resize | s-resize | sw-resize | w-resize| nw-resize - zmiana orientacji wskaźnika wyznaczona przez strony świata;
  • crosshair - wskaźnik w postaci krzyża;
  • pointer - wskaźnik dla hiperłączy;
  • move - wskaźnik dla elementów ruchomych;
  • text - wskaźnik dla elementów tekstowych;
  • wait - wskaźnik oczekiwania;
  • help - wskaźnik pomocy;
  • inherit - przejęcie wartości "rodzica".

 

Zastosowanie.

Przykład:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
   <meta http-equiv="content-type"   content="text/html; charset=iso-8859-2">
   <title>Pierwszy dokument</title>
   <style type="text/css">
      H1 {cursor:help;}
      P {cursor:crosshair;}
   </style>
</head>
<body>
   <p>Przykładowy akapit.</p>
   <p>Przykładowy akapit.</p>
   <h1>Nagłówek</h1>
   <p>Przykładowy akapit.</p>
   <p>Przykładowy akapit.</p>
</body>
</html>

[testuj]

 

[ A ]  [ B ]  [ C ]  [ D ]  [ E ]  [ F ]  [ H ]  [ L ]  [ M ]  [ O ]  [ P ]  [ Q ]  [ R ]  [ S ]  [ T ]  [ V ]  [ W ]  [ Z ]