Ostatnio edytowany:

text-emphasis-style

Autor: Virtual Patriot

Opis właściwości text-emphasis-style

Za pomocą właściwości text-emphasis-style możemy określić jakiego typu dodatkowy symbol powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

Wspomniana zasada nie tyczy się białych znaków.

Dodatkowe techniczne informacje o właściwości text-emphasis-style

przeznaczenie

element HTML każdego typu

dziedziczenie

tak

wartość initial

none

wyjątki initial

brak

animowanie

nie (animacja nieciągła)

Interpretacja właściwości text-emphasis-style

Firefox

tak

Google Chrome

tak, lecz z przedrostkiem -webkit-

Safari

tak

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-emphasis-style

none

Opis

Wartość none jest domyślną wartością właściwości text-emphasis-style.

Domyślnie znaki tworzące tekst elementu HTML nie posiadają przy sobie żadnego dodatkowego symbolu.

Przykład

  text-emphasis-style:none;
przykładowy tekst 電報碼碼

Znaki tworzące tekst przykładowego elementu "div" nie posiadają przy sobie żadnego dodatkowego symbolu.

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 {
        padding:1em;
        font-size:2em;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div>
      przykładowy tekst 電報碼碼
    </div>

  </body>
</html>

znak

Opis

Za pomocą właściwości text-emphasis-style oraz jednego wybranego przez nas znaku możemy określić, jaki dodatkowy symbol powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

Przykład

  text-emphasis-style:'#';
przykładowy tekst 電報碼碼

Dodatkowym symbolem występującym przy każdym znaku tworzącym tekst przykładowego elementu "div" jest symbol w postaci znaku "#", ponieważ do wspomnianego elementu "div" została dodana właściwość "text-emphasis-style" wraz z wartością "#".

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-emphasis-style:'#';
        -webkit-text-emphasis-style:'#';
        padding:1em;
        font-size:2em;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div>
      przykładowy tekst 電報碼碼
    </div>

  </body>
</html>

wzorzec wartości

Opis

Za pomocą właściwości text-emphasis-style oraz z góry zdefiniowanego wzorca wartości możemy określić, jaki dodatkowy symbol powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

Składniki wzorca wartości właściwości text-emphasis-style

Przykładowe zapisy

open

triangle

open triangle

style

Składnik style nie jest wymaganym składnikiem wzorca wartości właściwości text-emphasis-style. Składnik style określa styl dodatkowego symbolu, jaki powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

Wartość domyślna

filled

Dostępne wartości składnika style

filled

Wartość filled składnika style sprawia, że dodatkowy symbol, jaki znajdzie się przy każdym znaku tworzącym tekst interesującego nas elementu HTML będzie wypełniony kolorem (, , , , ).

open

Wartość open składnika style sprawia, że dodatkowy symbol, jaki znajdzie się przy każdym znaku tworzącym tekst interesującego nas elementu HTML nie będzie wypełniony kolorem (, , , , ).

shape

Składnik shape nie jest wymaganym składnikiem wzorca wartości właściwości text-emphasis-style. Składnik shape określa kształt dodatkowego symbolu, jaki powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

Wartość domyślna

circle (gdy element HTML posiada poziomy tryb zapisu treści) lub sesame (gdy element HTML posiada pionowy tryb zapisu treści)

Dostępne wartości składnika shape

dot

Wartość dot składnika shape określa kształt dla dodatkowego symbolu, jaki powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

circle

Wartość circle składnika shape określa kształt dla dodatkowego symbolu, jaki powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

double-circle

Wartość double-circle składnika shape określa kształt dla dodatkowego symbolu, jaki powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

triangle

Wartość triangle składnika shape określa kształt dla dodatkowego symbolu, jaki powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

sesame

Wartość sesame składnika shape określa kształt dla dodatkowego symbolu, jaki powinien znaleźć się przy każdym znaku tworzącym tekst interesującego nas elementu HTML.

Przykład

  text-emphasis-style:open triangle;
przykładowy tekst 電報碼碼

Dodatkowym symbolem występującym przy każdym znaku tworzącym tekst przykładowego elementu "div" jest symbol w postaci niewypełnionego kolorem trójkąta, ponieważ do wspomnianego elementu "div" została dodana właściwość "text-emphasis-style" wraz z następującymi wartościami: "open triangle".

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-emphasis-style:open triangle;
        -webkit-text-emphasis-style:open triangle;
        padding:1em;
        font-size:2em;
        background-color:#CBFFFF;
      }
    </style>
  </head>

  <body>

    <div>
      przykładowy tekst 電報碼碼
    </div>

  </body>
</html>