Ostatnio edytowany:

text-decoration-color

Autor: Virtual Patriot

Opis właściwości text-decoration-color

Za pomocą właściwości text-decoration-color możemy określić kolor dodatkowej linii dekoracyjnej tekstu interesującego nas elementu HTML.

Dodatkowe techniczne informacje o właściwości text-decoration-color

przeznaczenie
  • element HTML każdego typu
dziedziczenie
  • nie
wartość initial
wyjątki initial
  • brak
animowanie
  • tak

Interpretacja właściwości text-decoration-color

Firefox

tak

Google Chrome

nie

Safari

tak, lecz z przedrostkiem -webkit-

Opera

nie

Internet Explorer

nie

Edge

nie

Zobacz więcej informacji o interpretacji właściwości .

Opis wartości właściwości text-decoration-color

kolor

Opis

Za pomocą właściwości text-decoration-color oraz dowolnego sposobu definiowania wartości koloru w języku CSS możemy określić kolor dodatkowej linii dekoracyjnej tekstu interesującego nas elementu HTML.

Przykład

kolorem linii dekoracyjnej tekstu tego elementu "div" jest kolor niebieski, ponieważ do tego elementu "div" została dodana właściwość "text-decoration-color" wraz z wartością "blue"

Kod źródłowy przykładu

<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <title>Darmowy Kurs CSS</title>

    <style>
      html {
        font-size:16px;
        font-family:Helvetica, sans-serif;
      }

      div {
        text-decoration-line:underline;
        text-decoration-color:blue;
        -webkit-text-decoration-line:underline;
        -webkit-text-decoration-color:blue;
        padding:1em;
        font-size:1.3em;
        background-color:#AFF;
      }
    </style>
  </head>

  <body>

    <div>
      kolorem linii dekoracyjnej tekstu tego elementu "div" jest kolor niebieski, ponieważ do tego elementu "div" została dodana właściwość "text-decoration-color" wraz z wartością "blue"
    </div>

  </body>
</html>