Dokumenta vai teksta pasvītrošana vienmēr tiek uzskatīta par vieglu. Bet, ja ņemam vērā vietņu situāciju, vai tas vēl ir viegli? Lielākā daļa no mums teiktu jā, bet, izveidojot horizontālu līniju, ieskaitot dažus pielāgotus dizainus, šis vienkāršais uzdevums ir nogurdinošs. Sāciet teksta dekorēšanas ceļojumu, izmantojot CSS šādā veidā:
- Kas ir teksta apdare?
- CSS teksta rotājumu veidi
- Teksta apdare, izmantojot CSS: kods
- Teksta apdares izlaišana
Kas ir teksta apdare?
Tas nosaka dekoratīvo līniju izskatu tekstā. Tas ir stenogrāfisks īpašums:
- teksta apdare-līnija
- teksta apdare-krāsa
- teksta apdares stils
Tas ir norādīts kā viena vai vairākas ar atstarpēm atdalītas vērtības, kas apzīmē garo rokuxt-dekorēšanas īpašības.
Sintakse:
teksta apdare: || ||
Kur,
teksta apdares līnija: To izmanto, lai iestatītu izmantoto apdares veidu, piemēram,pasvītrojums, pārlaidums un caurspīdīgums.
teksta apdare-krāsa:To izmanto, lai iestatītu dekorācijas krāsu.
teksta noformēšanas stils: To izmanto, lai iestatītu līnijas stilu, piemēram,ciets, viļņains, punktēts, svītrots, dubultā
CSS teksta rotājumu veidi
- Pārklāšana:
#decoration {text-decoration: overline} 
- Caur līniju:
#decoration {text-decoration: line-through}- Pasvītrot:
#decoration {text-decoration: pasvītrot}kā izmantot skenerus Java
- Kombinācija:
#decoration {text-decoration: pasvītrot līnijas caurklājumu}Izeja:
Teksta apdare, izmantojot CSS: kods
Kods:
CSS kods:
#overline {text-decoration: wavy overline lime} #underover {text-decoration: dashed underline overline} #dotted {text-decoration: underline overline dotted red} #wavy {text-decoration: line-through wavy}Izeja:
Teksta apdares izlaišana
Īpašumu, kas pazīstams kā teksta noformējums-izlaišana, var izmantot arī tur, kur teksts ir pārvilkts, caur līniju un pasvītrots. Tas palīdz dekorēt tekstu. Tas vienkārši norāda, kā tiek novilkta pārlaidums un pasvītrojums, kad tie iet pāri augšupejošajiem un lejupējiem.
#decoration {text-decoration-skip: ink}Vērtības, kuras var izmantot ar teksta apdares izlaidumiem, ir:
objektiem : (noklusējums) līnija izlaiž iekšējos objektus, piemēram, attēlus vai iekļautos blokus.
neviena : līnija šķērso visu.
atstarpes : apdares līnija izlaiž atstarpes, vārdu atdalītāja rakstzīmes un visas atstarpes, kas iestatītas ar burtu atstarpēm vai vārdu atstarpēm.
tinte : apdares līnija izlaiž glifus, lejupējus vai augšupejošus.
malas : rotājuma līnija sākas nedaudz pēc satura sākuma malas un beidzas nedaudz pirms satura beigu malas.
kastīšu dekorēšana : apdares līnija izlaiž mantoto robežu, apmali un polsterējumu.
Tā kā šo īpašumu neatbalsta neviens pārlūks, tomēr nav demonstrācijas, taču zemāk esošajā attēlā ir sniegts piemērs tam, kā katra no vērtībām varētu izskatīties, kad tiks ieviesta teksta noformēšana-izlaišana.
Ar to mēs esam nonākuši šī teksta apdares beigās, izmantojot CSS emuāru. Ja jums ir kādi jautājumi par šo tēmu, lūdzu, atstājiet komentāru zemāk, un mēs ar jums sazināsimies.
Pārbaudiet mūsu kas nāk ar instruktoru vadītu tiešraides apmācību un reālās dzīves projektu pieredzi. Šīs apmācības ļauj jums prasmīgi strādāt ar back-end un front-end tīmekļa tehnoloģijām. Tas ietver apmācību par Web izstrādi, jQuery, Angular, NodeJS, ExpressJS un MongoDB.
atšķirība starp metodes pārslodzi un ignorēšanu
Vai mums ir jautājums? Lūdzu, pieminējiet to emuāra “Teksta apdare, izmantojot CSS” komentāru sadaļā, un mēs ar jums sazināsimies.