Atrybut text-emphasis-position w CSS

Definicja i użycie

text-emphasis-position Atrybut określa pozycję znaku podkreślenia (góra, dół, lewo, prawo).

Wskazówka:Użycie writing-mode Atrybutu do określenia trybu pisanego poziomo lub pionowo.

Przykład

Użycie text-emphasis-position Atrybut:

h3.ex1 {
  text-emphasis: double-circle red;
  text-emphasis-position: over;
}
h3.ex2 {
  text-emphasis: triangle blue;
  text-emphasis-position: under;
}
h3.ex3 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under right;
}
h3.ex4 {
  writing-mode: vertical-rl;
  text-emphasis: triangle blue;
  text-emphasis-position: under left;
}

Spróbuj sam!

Gramatyka CSS

text-emphasis-position: over|under|left|right|initial|inherit;

Wartość atrybutu

Wartość Opis
over Zastosuj znak podkreślenia nad tekstem (w trybie pisanego poziomo).
under Zastosuj znak podkreślenia pod tekstem (w trybie pisanego poziomo).
left Zastosuj znak podkreślenia po lewej stronie tekstu (w trybie pisanego pionowo).
right Zastosuj znak podkreślenia po prawej stronie tekstu (w trybie pisanego pionowo).
initial Ustaw tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Dziedziczy tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Domyślna wartość: over right
Inherencyjność: yes
Wersja: CSS3
Gramatyka JavaScript: object.style.textEmphasisPosition="under"

Wsparcie przeglądarki

Tabela zawiera wersje przeglądarek, które w pełni wspierają tę właściwość.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0