Podcrtavanje dokumenta ili teksta uvijek se smatra lakim. No ako uzmemo u obzir slučaj web stranica, je li to još lako? Većina nas bi rekla da, ali izrada vodoravne crte, uključujući neke prilagođene dizajne, čini ovaj jednostavan zadatak dosadnim. Započnimo Putovanje ukrašavanja teksta pomoću CSS-a na sljedeći način:
- Što je ukrašavanje teksta?
- Vrste ukrasa teksta u CSS-u
- Dekoracija teksta pomoću CSS-a: kôd
- Dekoracija teksta Preskoči
Što je ukrašavanje teksta?
Postavlja izgled ukrasnih linija na tekstu. Stenografsko je svojstvo za:
- tekst-ukras-crta
- tekst-ukras-boja
- tekst-ukras-stil
Navedena je kao jedna ili više odvojenih razmaka koji predstavljaju dugoročnu tesvojstva xt-ukrasa.
kako napraviti dvostruki int u javi
Sintaksa:
ukras teksta: || ||
Gdje,
linija za uređenje teksta: Koristi se za postavljanje vrste ukrasa koji se koristi kao što jepodcrtavanje, prevlačenje i prolaz.
tekst-ukras-boja:Koristi se za postavljanje boje ukrasa.
stil dekoracije teksta: Koristi se za postavljanje stila crte kao što sučvrsta, valovita, točkasta, isprekidana, dvostruka
Vrste ukrasa teksta u CSS-u
- Overline:
#decoration {text-decoration: overline}
- Prolaz kroz liniju:
#decoration {text-decoration: line-through}
- Naglasiti:
#decoration {text-decoration: underline}
- Kombinacija:
#decoration {text-decoration: underline line-through overline}
Izlaz:
Dekoracija teksta pomoću CSS-a: kôd
Kodirati:
CSS kod:
izađi iz programa u javi
#overline {ukras teksta: valovita vapnena linija}
Izlaz:
Dekoracija teksta Preskoči
Svojstvo poznato kao tekst-ukras-preskakanje također se može koristiti tamo gdje se tekst prevlači, provlači i podvlači. Pomaže u ukrašavanju teksta. Jednostavno određuje kako se crtaju podcrtani i podvučeni crti kad prelaze preko uspona i silaznih sila.
#decoration {text-decoration-skip: ink}
Vrijednosti koje se mogu koristiti s preskakanjem ukrasa teksta su:
predmeta : (zadana) linija preskače umetnute objekte, poput slika ili elemenata umetnutih blokova.
nijedna : crta sve prelazi.
prostorima : redak ukrasa preskače razmake, znakove za razdvajanje riječi i sve razmake postavljene s razmakom između slova ili razmacima.
što je awt u javi
tinta : linija ukrasa preskače glifove, silazne ili uzlazne.
rubovi : linija ukrasa započinje malo nakon početnog ruba sadržaja i završava malo prije završnog ruba sadržaja.
kutija-ukras : linija ukrasa preskače naslijeđenu marginu, obrub i popunjavanje.
Budući da ovo svojstvo ne podržava nijedan preglednik, još nema demonstracije, ali evo primjera na donjoj slici kako bi svaka od vrijednosti mogla izgledati nakon što se implementira text-decoration-preskoči.
Ovime smo došli do kraja ovog uređenja teksta koristeći CSS blog. Ako imate pitanja u vezi s ovom temom, ostavite komentar u nastavku i javit ćemo vam se.
Pogledajte naš koja dolazi s treningom uživo pod vodstvom instruktora i iskustvom u stvarnom životu. Ovaj trening čini vas vještima za rad s back-end i front-end web tehnologijama. Uključuje obuku o web razvoju, jQueryju, Angularu, NodeJS, ExpressJS i MongoDB.
Imate pitanje za nas? Molimo vas spomenite to u odjeljku za komentare bloga 'Dekoracija teksta pomoću CSS-a', a mi ćemo vam se javiti.