Ljeppe Underlines ferwiderje of Dashed Dotted oanmeitsje, of Dûbele Underline Links
Standert binne webbrowsers beskate CSS-stylen dy't se tapasse foar spesifike HTML-eleminten. As jo dizze standerts net oerskriuwe mei jo eigen stylblêden fan jo side, dan sille de standerts opnij tapasse. Foar hyperkeppelings is de standert werjeftest dat elke keppele tekst blau en ûnderline is bliuwt. De browser makket dit sa dat in webstee kinne maklik sjen wat tekst is keppele. In soad webûntwikkelders dogge net foar dizze standert stilen, benammen dy ûnderlines. Mei tank oan, CSS makket it maklik om it útsjen fan dy ûnderlinen te feroarjen of folslein te ferwiderjen.
It ûndersteande tekst opnij fuortsmite
Underrjochte tekst kin mear útdaagje om dat net-ûnderline tekst te lêzen. Boppedat makken in soad ûntwerpers gewoan gjin soargen foar it útsjen fan ûnderlizzende tekstblêden. Yn dizze eksemplaren sil jo wierskynlik wierskynlik dizze ûnderwerpen hielendal fuortsmite.
Om de ûnderlinen fan tekstblêden te ferwiderjen, brûk jo de CSS-eigenskip-tekstdekoraasje. Hjir is it CSS dat jo skriuwe moatte om dit te dwaan:
in {tekst-dekôr: gjin; }
Mei dizze ien line fan CSS kinne jo de ûnderline fan alle tekstferwizings fuortsmite. Ek al is dit in algemien styl (it brûkt in elemintselektor), hat it noch spesjaal as de standert browsers stilen. Om't dizze standert stilen binne wat de ûnderrjochten skeakelet om te begjinnen, is dat wat jo nedich binne te oerskriuwen.
In warskôging op fuorthelje
Sjoch, it fuortheljen fan ûnderdielen kin krekt wêze wat jo wolle oanfolje, mar jo moatte beweechtich wêze as jo dat dwaan. Of jo wolle de sjogge fan ûnderline keppelingen of net, kinne jo net argumearje dat se it dúdlik meitsje hokker tekst te keppeljen is en dat is net. As jo bliken dwaan ûnderstreken of feroarje dy standert blauwe linkkleur, moatte jo derfoar soargje dat jo har ferfange mei stilen dy't noch keppele tekst stean om te sjen. Dit sil foar in mear yntuityske ûnderfining meitsje foar besikers fan jo side.
Net ûnderlizzend net ûnderstean
In oare foarsichtigens op keppelings en ûnderstreekjen, stipet gjin tekst dy't gjin link is as in manier fan it beklamearjen. Minsken binne te kommen om ûndersteande tekst te ferwachtsjen as in keppeling te ferwachtsjen, dus as jo ynhâld ynhâldd hawwe om aksint te jaan (yn plak fan it fet of it kursivearjen), stjoere jo it ferkearde berjocht en ferwiderje de brûkers fan side.
Feroarje de Underline oan punten of dingen
As jo jo tekstferbining ûnderhâlde wolle, mar wizigje de styl fan dy ûndersteande fan 'e standertkaai, dy't in "soldi" -line is, kinne jo dit ek dwaan. Ynstee fan dizze folsleine line kinne jo gebrûk meitsje fan punten om jo links te ûnderstreekjen. Om dit te dwaan, sil jo de ûnderline noch altyd fuortsmite, mar jo ferfange it mei it besittingsmiddels fan 'e grins:
in {tekst-dekôr: gjin; border-bottom: 1px dotted; }Om't jo de standert ûnderline fuorthelle ha, is de punten ien de iennige dy't ferskynt.
Jo kinne deselde ding dwaan om stringen te krijen. Krekt gewoan de rânebegrutte te feroarjen:
in {tekst-dekôr: gjin; border-bottom: 1px dashed; }Feroarje de Underlinekleur
In oar manier om oandacht te jaan oan jo links is om de kleur fan 'e ûnderline te feroarjen. Soargje derfoar dat de kleur past mei jo kleurskema .
in {tekst-dekôr: gjin; border-bottom: 1px solid red; }Doppele Underlinen
De truc foar dûbele ûndersteunen is dat jo de breedte fan 'e grins feroarje moatte. As jo in 1px breed ferming meitsje, wurde jo einigje mei in dûbele ûnderstreek dy't liket as in ienige ûnderline.
in {tekst-dekôr: gjin; border-bottom: 3px dûbel; }Jo kinne ek de besteande ûnderline brûke om in dûbele ûnderstreak te meitsjen mei oare funksjes, lykas ien fan 'e linen dy't oanjûn wurde:
a {border-bottom: 1px double; }Don 't de keppelstaten ferjitten
Jo kinne de grinsstreekstyl oan jo keppels taheakje oan ferskillende steaten as: hover,: aktyf, of: besocht. Dit kin in noflike "rollover" styl ûnderfining meitsje foar besikers as jo dizze "hover" pseudo-klasse brûke. Om in twadde puntearre ûnderstreek te meitsjen ferskine as jo de link ferpleatse:
in {tekst-dekôr: gjin; } a: hover {border-bottom: 1px dotted; }Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard