Acasă → tutoriale HTML și sfaturi → Text barată pe site-ul prin intermediul CSS și tag-uri html
Luați în considerare toate modurile cum să facă un text ratari prin HTML si CSS. În total există două opțiuni:
- Prin tag-uri html
.și - Prin proprietatea CSS text-decor
1. Text tăiat prin tag-uri html , și
Întregul text inclus în tag-uri html . și Devine uncrossed. Neobișnuit s scrisoarea sa întâmplat în abrevierea cuvântului englezesc „grevă“.
Diferența dintre toate cele trei tag-uri vizual absente. Cu toate acestea, acesta din urmă variantă folosind un tag html Este considerat a fi mai de preferat, deoarece este susținută în standardul HTML5. Alte tag-uri nu sunt acceptate (ele, desigur, vor fi afișate corect, dar nu va trece de validare).
Transformată pe pagina
font normal. Text Tăiat prin tag-uri
Text simplu. Tăiat grevă text prin intermediul etichetei
Text simplu. Text Tăiat via del tag-ul
2. Textul Barat prin CSS proprietatea text-decor
CSS are o proprietate de text-decor. care este responsabil pentru sublinierea textului.
Sintaxa CSS text-decoration
- none - text fără clearance-ul
- subliniază - subliniere
- overline - subliniere superioară
- line-through - text tăiat cu o linie
- clipi - intermitent text (este recomandat să nu utilizeze această valoare)
Suntem interesați de valoarea Tăiat. care stabilește textul barată.
Transformată pe pagina
Text cu proprietatea text-decoration: line-through