Kas yra CSS žymekliai?
Kiekvieną dieną jau naudojame pritaikytus žymeklius. Ši sąveika įmanoma naudojant modifikuotus žymeklius, pvz., kai užvedate pelės žymeklį virš mygtukų, žymeklio žymeklis paverčiamas ranka arba kai užvedate pelės žymeklį virš teksto ir žymeklis paverčiamas teksto žymekliu.
Tačiau žymekliai taip pat gali būti naudojami siekiant suteikti vartotojams įvairių papildomų kūrybinių galimybių.
Turėtume žinoti, kad CSS jau turi numatytuosius žymeklius įvairiems dažnai atliekamiems veiksmams prieš pradedant kurti pasirinktinius žymeklius.
Šie žymekliai suteikia veiksmo parinkčių toje vietoje, ant kurios užvedate pelės žymeklį. Pavyzdžiai: žymekliai, rodantys, kad turėtumėte spustelėti nuorodas, vilkti ir numesti elementus, priartinti ir tolinti objektus ir kt.
Norėdami apibūdinti norimą žymeklio tipą, naudokite CSS žymeklio ypatybę.
CSS žymeklio ypatybė
Galime nurodyti, kokio tipo žymeklis turi būti rodomas vartotojui naudojant CSS žymeklio ypatybę.
Nuotraukų naudojimas kaip pateikimo mygtukai formose yra naudingas šios galimybės pritaikymas. Pagal numatytuosius nustatymus vietoj rodyklės rodoma ranka, kai žymeklis yra virš nuorodos. Tačiau formos pateikimo mygtukas nekeičia formos. Tai yra vaizdinis ženklas, kad paveikslėlį galima spustelėti bet kuriuo metu, kai kas nors užveda pelės žymeklį virš vaizdo, kuris yra pateikimo mygtukas.
Ši ypatybė nurodoma nuliu ar daugiau reikšmių, atskirtų kableliais, po kurios, jei reikia, viena raktinio žodžio reikšmė, ir kiekviena nurodo vaizdo failą.
Sintaksė
cursor: value;
Turto vertės
| Automatinis: | Numatytasis šio atributo nustatymas yra įdėti žymeklį.
| Pseudonimas: | Šis atributas naudojamas su žymeklio kūrimu susijusiam indikatoriui parodyti.
| Visas slinktis: | Žymeklis šiame atribute reiškia slinkimą.
| Ląstelė: | Šioje ypatybėje esantis žymeklis rodo, kad šiuo metu pasirinktas langelis arba langelių grupė.
| Kontekstinis meniu: | Šio atributo žymeklis rodo kontekstinio meniu buvimą.
| Keisti dydį: | Kai žymeklis yra virš šios nuosavybės stulpelio, jo dydis gali būti pakeistas horizontaliai.
| Kopijuoti: | Šios savybės žymeklis rodo, kad kažkas turi būti nukopijuota.
| Kryželis: | Šiame atribute žymeklis rodomas kaip kryželis.
| Numatytas: | Numatytasis žymeklis.
| E-dydžio keitimas: | Šio atributo žymeklis rodo, kad reikia perkelti dešinįjį langelio kraštą.
| Pakeisti dydį: | Šio atributo žymeklis reiškia dvikryptį dydžio keitimo žymeklį.
| Pagalba: | Šioje savybėje žymeklis rodo, kad pagalba yra prieinama.
| Perkelti: | Šios savybės žymeklis reiškia, kad kažkas turi būti perkelta
| . n dydžio keitimas: | Naudojant n-resize savybę, žymeklis rodo, kad viršutinė dėžutės riba turi būti perkelta.
| Kokio dydžio keitimas: | Naudojant šią savybę, žymeklis rodo, kad dėžutės kraštas turi būti perkeltas į dešinę ir aukštyn.
| Naujas dydžio keitimas: | Dviejų krypčių dydžio keitimo žymeklis nurodomas šiuo atributu.
| Ns dydžio keitimas: | Dvikryptis dydžio keitimo žymeklis nurodomas atributu ns-resize.
| Naujas dydžio keitimas: | Šio atributo žymeklis rodo, kad viršutinis ir apatinis dėžutės kraštai turi būti perkelti į viršų ir į kairę.
| Nosies dydžio keitimas: | Dviejų krypčių dydžio keitimo žymeklis nurodomas šiuo atributu.
| Jokio kritimo: | Šio atributo žymeklis rodo, kad ištraukto objekto negalima išmesti šioje vietoje.
| Nė vienas: | Elemento žymeklis pagal šį atributą nerodomas.
| Neleidžiama: | Šios nuosavybės žymeklis rodo, kad prašomas veiksmas nebus atliktas.
| Rodyklė: | Šioje ypatybėje esantis žymeklis veikia kaip rodyklė ir rodo nuorodos eigą.
| Progresas: | Šio atributo žymeklis rodo, kad programa aktyvi.
| Eilutės dydžio keitimas: | Žymeklis rodo, kad ši funkcija leidžia vertikaliai keisti eilutės dydį.
| S dydžio keitimas: | Naudojant šią ypatybę, žymeklis rodo, kad dėžutės apatinė riba turi būti sumažinta.
| Pakeisti dydį: | Šio atributo žymeklis rodo, kad dėžutės kraštas turi būti perkeltas į dešinę ir žemyn.
| Sw dydžio keitimas: | Šio atributo žymeklis rodo, kad reikia perkelti kairįjį ir apatinį langelio kraštus.
| Tekstas: | Žymeklis šiame atribute žymi tekstą, kurį galima pasirinkti.
| URL: | Šioje ypatybėje yra tinkintų žymeklio URL sąrašas, atskirtas kableliais, ir bendras žymeklis sąrašo pabaigoje.
| Vertikalus tekstas: | Šio atributo žymeklis rodo galimus vertikalaus teksto pasirinkimus.
| W dydžio keitimas: | Naudojant šią ypatybę, žymeklis rodo, kad reikia perkelti kairįjį langelio kraštą.
Pavyzdys
Šiame pavyzdyje parodyta, kaip naudoti žymeklio ypatybę. Programa užimta, nes žymeklio ypatybės reikšmė nustatyta laukti.
CSS cursor property .wait { cursor: wait; } h1 { color: red; } <p> Login Credentials </p> Išvestis
Galime nurodyti, kokio tipo žymeklis turi būti rodomas vartotojui naudojant CSS žymeklio ypatybę. Nuotraukų naudojimas kaip pateikimo mygtukai formose yra naudingas šios galimybės pritaikymas. Pagal numatytuosius nustatymus vietoj rodyklės rodoma ranka, kai žymeklis yra virš nuorodos.
