Własność CSS text-emphasis-style

Własność CSS text-emphasis-style określa rodzaj symbolu emfazy tekstu.

Przykład

W poniższym przykładzie zawartość elementów span będzie wyróżniona za pomocą trójkątnych symboli emfazy:

<style>
span {
  text-emphasis-style: triangle;
}
</style>
...
<p>Przykładowy tekst z <span>emfazą</span>.</p>

Efekt:

Wartości i składnia

Własność CSS text-emphasis-style jako wartość przyjmuje słowo kluczowe none, łańcuch albo maksymalnie po jednym słowie kluczowym z każdego z tych dwóch zestawów: [open | filled] i [dot | circle | double-circle | triangle | sesame].

Znaczenie słów kluczowych:

• open: pusty symbol emfazy
• filled: wypełniony symbol emfazy
• dot: kropka
• circle: koło
• double-circle: podwójne koło
• triangle: trójkąt
• sesame: kropka sezamowa (U+FE45 wersja wypełniona lub U+FE46 wersja pusta)
• Łańcuch: jako symbol emfazy wyświetlany jest określony łańcuch. Nie powinien on jednak zawierać więcej niż jeden znak, ponieważ pozostałe znaki mogą zostać zignorowane przez przeglądarkę.

Jeśli zostanie określony kształt, ale nie zostanie określone, czy ma być wypełniony, czy nie, to domyślnie stosowany jest kształt wypełniony.

Jeśli zostanie podane tylko słowo kluczowe filled lub open, to w poziomych typach pisma zostanie zastosowane koło, a w pionowych – kropka sezamowa.

Podsumowanie