Kako napraviti precrtane tekst sa CSS-om

CSS vam omogućava da proizvede širok spektar poslova koji se odnose na ukrasne ukras cijele stranice. Posebna pažnja posvećena je tekst, koji u većini slučajeva ispunjava većinu svih lokacija. Danas ćemo pogledati još jedan zanimljiv objektu: nadcherknuty, ističu, i precrtanim teksta. Svi ovi efekti su postavljeni sa jednim CSS pravila.

zadatak

Naglašavaju i precrtati tekst sa CSS-om, možete koristiti naredbu "text-decoration». Efekat će zavisiti od navedene vrijednosti. CSS je izmišljen da razdvoji logiku i strukturu web stranice. Ali prije pojave CSS koristiti HTML-oznake koje imaju slične značenje. Na primjer, jedan od elemenata kao što je <štrajk> vam omogućuje da vidite strikeout teksta. Sada je oznaka se smatra nepoželjnim, a aplikacija će automatski napraviti svoj kod nevažeći stranici. Iako je ovaj element <štrajk> i dalje podržavaju svim modernim pretraživačima i koristi se od strane nekih programera. Ali, vratimo se na CSS. Tim «text-decoration» može imati sljedeće vrijednosti:

• Podvlačenje. Dodjeljivanjem vrijednosti ćete dobiti podvučeni tekst.
• Overline. Linija će proći preko određeni dio stranice.
• Line-prostor. Stvara precrtano ili strikeout teksta.
• Blink. Namjenski dio dokumenta će biti povremeno nestati i ponovo pojaviti.
• Tu je i vrijednost «ni» i «naslediš». To poništava prvog i drugog naloge naslijediti imovinu elementa roditelja.

sudbina

Čini se da je u CSS precrtano tekst i slične efekte su samo za ukras teksta. U većini slučajeva, ova izjava je istina. Ali ponekad je potrebno da se osvrnemo na pitanje: šta je stvorilo takve elemente? Na primjer, već zastarjela citat «štrajka» se koristi da se odnosi na netačne ili stare podatke. Čitaoci vidio precrtano tekst, shvati skriveno značenje ovog imenovanja. Podvučeno riječi su uvijek odmah ističu iz opšteg toka. Stoga, takav efekat treba koristiti da se istakne važne informacije. Što znači «treptati», što čini trepćući tekst se rijetko koristi kao takav efekt se smatra neprihvatljivim među programerima. Uostalom, nekoliko tvojih čitalaca poput treperi simbola koji će ih stalno omesti. Ali je vrijednost «Overline» se koristi samo za ukras teksta.

Značajke

Dok sve vrijednosti imovine «text-decoration» uključene u specifikaciji verzijama kaskadno, iako neke vrijednosti nisu podržani modernim pretraživačima. Na primjer, trepćući tekst neće biti vidljiva u IE-a. Google Chrome ne prihvata određene vrijednosti. Neispravne mobilne platforme podržavaju ovu funkciju.

zaključak

Efekata kao što su precrtani tekst i druge slične vrijednosti, koriste se vrlo često na internetu. Njihova upotreba vam omogućava da na odgovarajući način izraziti glavna ideja autora, pomažući da se koncentriše pažnju čitalaca desno od teksta. Ali nemoj biti previše revnostan, i, kad god je to moguće, koristiti imovinu «teksta ukras». Nakon prekomjernog ukras teksta vi i vaši čitaoci mogu nauditi.