Mitä kursorit ovat CSS:ssä?
Käytämme jo päivittäin räätälöityjä kohdistimia. Tämä vuorovaikutus on mahdollista käyttämällä muokattuja kohdistimia, kuten kun viet hiiren painikkeiden päälle, osoittimen kohdistin muuttuu kädeksi tai kun siirrät hiiren tekstin päälle ja kohdistin muuttuu tekstikohdistimeksi.
Kursoreita voidaan kuitenkin käyttää myös tarjoamaan käyttäjillemme erilaisia luovia lisämahdollisuuksia.
Meidän tulee olla tietoisia siitä, että CSS:llä on jo oletuskohdistimet useille usein suoritetuille toiminnoille, ennen kuin alamme kehittää mukautettuja kohdistimia.
jos muuten jos muuten java
Nämä osoittimet tarjoavat vaihtoehtoja toimia juuri siinä kohdassa, jonka päällä viet hiiren. Esimerkkejä ovat osoittimet, jotka osoittavat, että sinun tulee napsauttaa linkkejä, vetää ja pudottaa elementtejä, lähentää ja loitontaa kohteita ja paljon muuta.
Käytä CSS-kohdistimen ominaisuutta kuvailemaan haluamasi kohdistimen tyyppiä.
CSS-kohdistimen ominaisuus
Voimme määrittää, millainen kohdistin näytetään käyttäjälle käyttämällä CSS-kursoriominaisuutta.
Valokuvien käyttäminen lomakkeiden lähetyspainikkeina on tämän ominaisuuden hyödyllinen sovellus. Oletusarvon mukaan käsi näkyy osoittimen sijasta, kun kohdistin on linkin yläpuolella. Lomakkeen lähetyspainike ei kuitenkaan muuta sitä. Tämä toimii visuaalisena vihjeenä siitä, että kuvaa voi napsauttaa aina, kun joku vie hiiren osoittimen kuvan päälle, joka on lähetyspainike.
Tämä ominaisuus määritetään nollalla tai useammalla arvolla erotettuna pilkuilla, joita seuraa yksi avainsanaarvo tarpeen mukaan, ja jokainen niistä viittaa kuvatiedostoon.
Tarkista null javassa
Syntaksi
cursor: value;
Kiinteistöjen arvot
| Auto: | Tämän määritteen oletusasetus on sijoittaa kohdistin.
| Alias: | Tätä attribuuttia käytetään näyttämään kursorin luomiseen liittyvä ilmaisin.
| Kaikki vieritys: | Tämän määritteen kohdistin tarkoittaa vieritystä.
| Solu: | Tämän ominaisuuden kohdistin osoittaa, että solu tai soluryhmä on valittuna.
| Kontekstivalikko: | Tämän määritteen kohdistin näyttää kontekstivalikon olemassaolon.
| Col-reize: | Kun kohdistin on tämän ominaisuuden sarakkeen yläpuolella, sen kokoa voidaan muuttaa vaakasuunnassa.
| Kopio: | Tämän ominaisuuden kohdistin osoittaa, että jotain on kopioitava.
| Hiusristikko: | Kohdistin näkyy tässä määritteessä hiusristikkona.
| Oletus: | Oletuskohdistin.
| E-koko: | Tämän määritteen kohdistin osoittaa, että laatikon oikeaa reunaa tulee siirtää.
| Sen kokoa: | Tämän määritteen kohdistin edustaa kaksisuuntaista koonmuutoskohdistinta.
| Auta: | Tässä ominaisuudessa kohdistin osoittaa, että apua on saatavilla.
| Liikkua: | Tämän ominaisuuden osoitin tarkoittaa, että jotain on siirrettävä
| . n-koko: | Käytettäessä n-resize-ominaisuutta osoitin osoittaa, että laatikon ylärajaa tulee siirtää.
| Mikä koko: | Tällä ominaisuudella kohdistin näyttää, että laatikon reunaa tulee siirtää oikealle ja ylöspäin.
| Uusi koko: | Kaksisuuntainen koonmuutoskohdistin osoitetaan tällä määritteellä.
| Ns-koko: | Kaksisuuntainen koonmuutoskohdistin osoitetaan attribuutilla ns-resize.
| Uusi koko: | Tämän määritteen kohdistin osoittaa, että laatikon ylä- ja alareunaa on siirrettävä ylös ja vasemmalle.
| Nenän koon muuttaminen: | Kaksisuuntainen koonmuutoskohdistin osoitetaan tällä määritteellä.
| Ei pudotusta: | Tämän määritteen kohdistin osoittaa, että vedettyä objektia ei voida jättää tähän paikkaan.
| Ei mitään: | Tämän määritteen mukaiselle elementille ei näytetä kohdistinta.
| Ei sallittu: | Tämän ominaisuuden kohdistin osoittaa, että pyydettyä toimintoa ei suoriteta.
| Osoitin: | Tämän ominaisuuden kohdistin toimii osoittimena ja näyttää linkin edistymisen.
| Edistyminen: | Tämän määritteen kohdistin osoittaa, että ohjelma on aktiivinen.
| Rivin koon muuttaminen: | Kohdistin näyttää, että tämä ominaisuus mahdollistaa pystysuoran rivin koon muuttamisen.
| S-koko: | Tätä ominaisuutta käytettäessä osoitin osoittaa, että laatikon alareunaa tulee laskea.
| Muuta kokoa: | Tämän määritteen kohdistin osoittaa, että laatikon reunaa tulee siirtää oikealle ja alas.
| Sw-koko: | Tämän määritteen kohdistin osoittaa, että laatikon vasenta ja alareunaa tulee siirtää.
| Teksti: | Tämän määritteen kohdistin tarkoittaa tekstiä, joka voidaan valita.
| URL-osoite: | Tämä ominaisuus sisältää luettelon mukautetuista kohdistimen URL-osoitteista, jotka on erotettu pilkuilla, ja yleisen kohdistimen luettelon lopussa.
| Pystyteksti: | Tämän määritteen kohdistin näyttää mahdolliset pystysuuntaiset tekstivalinnat.
| W-koko: | Tätä ominaisuutta käytettäessä osoitin osoittaa, että laatikon vasenta reunaa tulee siirtää.
Esimerkki
Tämä esimerkki näyttää kuinka kursorin ominaisuutta käytetään. Ohjelma on varattu, koska kohdistimen ominaisuuden arvo on asetettu odottamaan.
sisältää pythonin
CSS cursor property .wait { cursor: wait; } h1 { color: red; } <p> Login Credentials </p> Lähtö
Voimme määrittää, millainen kohdistin näytetään käyttäjälle käyttämällä CSS-kursoriominaisuutta. Valokuvien käyttäminen lomakkeiden lähetyspainikkeina on tämän ominaisuuden hyödyllinen sovellus. Oletusarvoisesti käsi näkyy osoittimen sijasta, kun kohdistin on linkin yläpuolella.
