Jak zrobić przekreślony tekst: prosty poradnik

To jest przekreślony tekst.

Ten kod spowoduje wyświetlenie tekstu “przekreślony tekst” ze skreśleniem poziomym przez środek. Jednak należy pamiętać, że ten sposób jest bardziej powszechnie stosowany w celach semantycznych niż wizualnych.

Zastosowanie css

Jeśli chcemy bardziej kontrolować wygląd przekreślonego tekstu, możemy użyć kaskadowych arkuszy stylów (CSS). Przykładowo, możemy zastosować regułę stylu do naszego tekstu, która nadaje mu efekt przekreślenia:
css
.przekreslony {
text-decoration: line-through;
}

A następnie użyć tej klasy w naszym HTML:

To jest przekreślony tekst.

Dzięki temu możemy łatwo dostosować styl przekreślonego tekstu do naszych potrzeb, zmieniając grubość linii czy kolor.

Zastosowanie markdown

Jeśli pracujemy w środowisku, które obsługuje Markdown, również możemy łatwo uzyskać efekt przekreślenia. W Markdown możemy użyć dwóch znaków tyldy (~) przed i po tekście, który chcemy przekreślić. Na przykład:
css
~~To jest przekreślony tekst~~

Gdy to przetworzymy, tekst zostanie wyświetlony z efektem przekreślenia.

Tworzenie przekreślonego tekstu może być przydatnym narzędziem w różnych kontekstach, od wyróżniania ważnych informacji po dodawanie humoru do komunikacji internetowej. W tym artykule omówiliśmy kilka prostych sposobów, jak można osiągnąć ten efekt w różnych środowiskach online, od HTML i CSS po Markdown. Teraz, gdy znasz te techniki, możesz łatwo dodawać przekreślony tekst do swoich projektów!