Ostatnio edytowany:

text-fill-color

Autor: Virtual Patriot

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

Za pomocą właściwości text-fill-color możemy określić jakim kolorem powinno zostać wypełnione wnętrze tekstu interesującego nas elementu HTML.

Właściwość "text-fill-color" została stworzona z myślą o odróżnieniu koloru tekstu elementu HTML od koloru konturu tego tekstu. Kolor tekstu elementu HTML możemy kontrolować za pomocą właściwości color. Właściwość "text-fill-color" ma pierwszeństwo przed właściwością color.

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

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

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

Firefox

tak, lecz w tym wypadku z przedrostkiem -webkit-, a nie z przedrostkiem -moz-

Google Chrome

tak, lecz z przedrostkiem -webkit-

Safari

tak, lecz z przedrostkiem -webkit-

Opera

tak, lecz z przedrostkiem -webkit-

Internet Explorer

nie

Edge

nie

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

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

kolor

Opis

Za pomocą właściwości text-fill-color oraz dowolnego sposobu definiowania wartości koloru w języku CSS możemy określić jakim kolorem powinno zostać wypełnione wnętrze tekstu interesującego nas elementu HTML.

Przykład

ABC

Kolorem wypełnienia wnętrza tekstu przykładowego elementu "div" jest kolor niebieski, ponieważ do wspomnianego elementu "div" została dodana właściwość "text-fill-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-fill-color:blue;
        -webkit-text-fill-color:blue;
        font-size:10em;
        font-weight:bolder;
        background-color:#AFF;
      }
    </style>
  </head>

  <body>

    <div>ABC</div>

  </body>
</html>