CSS: Muuta kohdistimen ulkonäköä

Kohdistinominaisuuden avulla voit muuttaa kohdistimen ulkonäköä verkkosivun elementissä.

Asiakas näyttää automaattisesti kursorin tietokoneessa, joka vastaa valitun kohdistimen tyyppiä.

esimerkki

Esimerkki ristikkäisestä kursorista (risti):

 runko {kohdistin: risti; } 

Voit tietysti antaa eri tyylejä saman sivun useille elementeille

Esimerkki tyylistä kuin runko "kehon" tyyliin koristeltu tiimalasin muodolla kuvissa ja välittää linkit.

 runko {kohdistin: risti; } img {kursori: odota; } a: linkki {kursori: osoitin; } 

Luettelo mahdollisista määritteistä

Kaikki selaimet hyväksyvät

  • Itse: Ulkoasu sama kuin tunnistimen oletuskohdistin, jossa attribuutti ei muutu.
  • Oletus: Kohdistimen oletusselain.
  • Osoitin: Kohdistimen muotoinen käsi sormella auki.
  • Teksti: Kohdistimen tekstin muokkaus.
  • Ohje: Kohdistimen ohje.
  • Odota: Odota kohdistinta
  • Edistys: Slider-eteneminen.
  • Siirrä: Kohdistimen liike.
  • Risti: Kohdistimen muotoinen risti.

Kohdistimet muuttuvat

  • N-koon muuttaminen: kohdistimen koon muuttaminen alhaalta ylöspäin.
  • S-resize: muuttaa liukusäädintä ylöspäin.
  • E-resize: Kohdistimen koon muuttaminen vasemmalta oikealle.
  • W-resize: tarkista kohdistin oikealle vasemmalle.
  • Ne-resize: Kohdistimen koon muuttaminen alhaalla vasemmalle oikealle.
  • Nw-resize: Kohdistimen koon muuttaminen alhaalta oikealle vasemmalle.
  • Se-resize: Kohdistimen koon muuttaminen ylhäältä vasemmalle oikealle.
  • Sw-resize: Kohdistimen oikeassa yläkulmassa vasemmalle.
    • Huomaa, että kaikki nämä ominaisuudet on helppo muistaa heti.
    • n, s, e, w vastaavat pohjoiseen, etelään, itään, länteen, eli ylös, alas, oikealle, vasemmalle.
    • Yksinkertaisesti ilmoita, mihin suuntaan kohdistin osoittaa, ja seuraa tietenkin "-resize".

Kaikkia selaimia ei tueta

Firefox ja Opera ohittavat seuraavat ohjeet.

  • Perintö: Jopa kohdistimen vanhempana.
  • Ei sallittu: Kohdistimen muotoinen pyöreä piste.
  • No-drop: Kohdistimen käsi sormilla ja pyöreä, taittumaton isku.
  • Col-resize: Kohdistin on kaksi pystysuoraa viivaa, joissa on nuoli kummallakin puolella.
  • Rivi-koon muuttaminen: Kohdistin on kaksi vaakasuoraa viivaa, joissa on nuoli kummallakin puolella.
Edellinen Artikkeli Seuraava Artikkeli

Top Vinkkejä