/ / Jak zrobić przekreślony tekst w CSS

Jak zrobić przekreślony tekst w CSS

CSS pozwala na produkcję szerokiej gamyoperacje związane z dekoracją całej strony. Szczególną uwagę zwraca się na tekst, który w większości przypadków wypełnia większość wszystkich stron. Dzisiaj rozważymy jedną interesującą właściwość: podkreślony, podkreślony i przekreślony tekst. Wszystkie te efekty są ustawiane za pomocą jednej reguły CSS.

przekreślony tekst

Zadanie

Możesz podkreślić i przekreślić tekst w CSS za pomocąza pomocą polecenia dekoracji tekstu. Efekt będzie zależeć od wskazanej wartości. CSS został wymyślony w celu oddzielenia logicznej i strukturalnej części strony internetowej. Ale zanim pojawiły się kaskadowe arkusze stylów, zastosowano tagi HTML o podobnym znaczeniu. Na przykład element taki jak pozwala wyświetlać przekreślony tekst. Teraz ten tag jest uznawany za niepożądany, a jego użycie spowoduje automatyczne unieważnienie kodu strony. Chociaż element jest nadal obsługiwany przez wszystkie nowoczesne przeglądarki i jest używany przez niektórych programistów. Wróćmy jednak do CSS. Polecenie dekoracji tekstu może mieć następujące znaczenie:

  • Podkreśl Przypisując tę ​​wartość, otrzymasz podkreślony tekst.
  • Overline Linia przejdzie przez określoną sekcję strony.
  • Line-through. Tworzy tekst przekreślony lub przekreślony.
  • Mrugnij Wybrany fragment dokumentu będzie okresowo znikał i pojawiał się ponownie.
  • Istnieją również wartości „none” i „dziedziczenie”. Pierwszy anuluje wszystkie efekty, a drugi porządek dziedziczy właściwość z elementu nadrzędnego.

przekreślić tekst

Cel

Wydaje się, że w przekreślonym CSS tekście ipodobne efekty służą jedynie do ozdabiania tekstu. W większości przypadków to stwierdzenie jest prawdziwe. Ale czasem warto zastanowić się: dlaczego powstały takie elementy? Na przykład już przestarzały tag „strike” został użyty do wskazania niepoprawnych lub starych informacji. Czytelnicy, widząc przekreślony tekst, rozumieją ukryte znaczenie takiego oznaczenia. Podkreślone słowa są zawsze natychmiast odróżniane od ogólnego przepływu. Dlatego ten efekt należy wykorzystać do podkreślenia ważnych informacji. Wartość „mrugnięcia”, która powoduje, że tekst miga, jest używana dość rzadko, ponieważ jest ogólnie akceptowana przez programistów jako niedopuszczalna. W końcu niewielu czytelników lubi migoczące postacie, które będą ich rozpraszać. Cóż, wartość „overline” jest używana tylko do dekorowania tekstu.

przekreślony tekst css

Funkcje

Chociaż wszystkie wartości właściwości dekoracji tekstusą uwzględnione w specyfikacji wersji tabel kaskadowych, ale niektóre wartości nie są obsługiwane przez nowoczesne przeglądarki. Na przykład migający tekst nie będzie widoczny w IE. Przeglądarka Google Chrome nie akceptuje niektórych wartości. Platformy mobilne nie obsługują w pełni tej funkcji.

Wniosek

Efekty takie jak przekreślony tekst i innepodobne wartości są dość często używane w Internecie. Ich użycie pozwala poprawnie wyrazić główną ideę autora, pomagając skupić czytelników na właściwej części tekstu. Nie bądź jednak zbyt gorliwy i w miarę możliwości używaj właściwości „dekorowanie tekstu”. Rzeczywiście, nadmierna dekoracja tekstu może zaszkodzić tobie i twoim czytelnikom.

Podobało mi się:
0
© 2018, "Paulturner-Mitchell.com". Wykorzystanie jakichkolwiek materiałów zamieszczonych na stronie jest dozwolone pod warunkiem linku do "Paulturner-Mitchell.com".
tak