Przejdź do treści

Dekoracja tekstu {text-decoration}

Co zrobić, aby ten sam tekst został podkreślony, przekreślony i nadkreślony? Jak wprowadzić migający tekst w sposób zgodny ze standardem?

selektor { text-decoration: dekoracja }
Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów].

Natomiast jako "dekoracja" należy podać:
  • none - bez zmian
  • underline - podkreślenie
  • line-through - przekreślenie
  • overline - nadkreślenie
  • blink - migotanie tekstu (nieobsługiwane w nowych przeglądarkach)

Polecenie umożliwia na wybór określonej dekoracji tekstu (np. podkreślenie). Migotanie może nie być interpretowane przez wszystkie przeglądarki!

Przykład {text-decoration}

dekoracja none

dekoracja underline

dekoracja line-through

dekoracja overline

dekoracja blink (tylko starsze przeglądarki)


Ciekawą możliwością może być łączenie powyższych wartości w jednej deklaracji, np.:

📋 Zaznacz kod

selektor { text-decoration: underline line-through overline }

A oto efekt:

Tekst podkreślony, przekreślony i nadkreślony

Pytania i odpowiedzi {text-decoration}

Co oznacza "text-decoration"?

Właściwość CSS text-decoration służy do określania dekoracji tekstu, takich jak podkreślenie, przekreślenie, nadkreślenie. Może być stosowana do elementów tekstu, aby zmienić ich wygląd.

Przeglądarki


Chrome

Firefox

Edge

Opera

Safari
Poziom wsparcia
min. 2,5 roku
text-decoration: wartość1
2008-12-11
1
2004-11-09
12
2015-07-29
3.5
1998-11-18
1
2003-06-23
 100%

Komentarze #

  • ktoś ok?
    ktoś ok?

    13.11.2020 15:48
    jakie są rodzaje wcięć? :?:
    Zobacz więcej

  • mst
    mst

    04.07.2015 10:45
    Czy może być parametr Auto?
    Zobacz więcej

  • cy5
    cy5

    31.12.2014 14:03
    Ja też
    Dzięki pozdrawiam
    Zobacz więcej

  • Comandeer
    Comandeer

    31.12.2014 13:39
    Nie wiem, bo nie wiem na jakiej zasadzie działają u Ciebie szablony
    Zobacz więcej

  • cy5
    cy5

    31.12.2014 12:01
    Jak go szukać?
    Czym się kierować?
    Zobacz więcej

  • Comandeer
    Comandeer

    31.12.2014 11:05
    Tam, gdzie ten tekst jest wyświetlany. Który to plik, to niestety nie wiem
    Zobacz więcej

  • cy5
    cy5

    31.12.2014 10:24
    Tak
    dzięki
    tylko w którym pliku to wstawić
    podejrzewam że to pliki szablonu, he tylko który? :roll:
    Zobacz więcej

  • Comandeer
    Comandeer

    31.12.2014 00:06
    w PHP to będzie ucfirst + mb_strtolower. I będzie to lepsze niźli mordowanie CSS do tego ;)
    Zobacz więcej

  • cy5
    cy5

    30.12.2014 23:56
    Bardzo dziękuję za błyskawiczną odp
    O to mi chodziło
    Mam pełno artykułów z nagłówkami napisanymi dużymi literami.
    Za dużo pracy by to ręcznie robić(html).
    Z poziomu css będzie najprościej, w PHP jeszcze się tak nie orientuję.
    Jeszcze raz dziękuję i pozdrawiam serdecznie
    Jakub
    Zobacz więcej

  • micchaleq
    micchaleq

    30.12.2014 23:22
    Tak tylko informacyjnie, jeżeli to czysty HTML czy nie lepiej wpisać tekst prawidłowo, bez stylowania? A jeżeli jest generowany przez jakiś kod php, lepiej zrobić to tam. Ewentualnie bez męczenia się można to zrobić w sumie w dowolnym edytorze tekstowym kilkoma klikami.
    Zobacz więcej

Zobacz więcej komentarzy

Facebook