Ostatnio edytowany:

text-stroke-color

Autor: Virtual Patriot

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

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

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

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

Interpretacja właściwości text-stroke-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-stroke-color

kolor

Opis

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

Przykład

ABC

Kolorem konturu tekstu przykładowego elementu "div" jest kolor czerwony, ponieważ do wspomnianego elementu "div" została dodana właściwość "text-stroke-color" wraz z wartością "red".

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-stroke-width:6px;
        text-stroke-color:red;
        -webkit-text-stroke-width:6px;
        -webkit-text-stroke-color:red;
        font-size:10em;
        font-weight:bolder;
        background-color:#AFF;
      }
    </style>
  </head>

  <body>

    <div>ABC</div>

  </body>
</html>