CSS text-emphasis-position ominaisuus

Määrittely ja käyttö

text-emphasis-position Ominaisuus määrittää korostusmerkin sijainnin (yltä, alla, vasen, oikea).

Vinkki:Käyttö writing-mode Ominaisuudesta määritellään horisontaalinen tai vertikaalinen kirjoitusmuoto.

Esimerkki

Käyttö text-emphasis-position Ominaisuus:

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;
}

Kokeile itse

CSS-kieli

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

Ominaisuuden arvo

Arvo Kuvaus
yltä Käytä korostusmerkintää tekstin yläpuolella (horisontaalisessa kirjoitusmuodossa).
alla Käytä korostusmerkintää tekstin alapuolella (horisontaalisessa kirjoitusmuodossa).
vasen Käytä korostusmerkintää tekstin vasemmalla puolella (pystysuuntaisessa kirjoitusmuodossa).
oikea Käytä korostusmerkintää tekstin oikealla puolella (pystysuuntaisessa kirjoitusmuodossa).
initial Aseta tämä ominaisuus sen oletusarvoon. Katso: initial.
inherit Periisi isäntäelementistä tämän ominaisuuden. inherit.

Tekninen yksityiskohta

Oletusarvo: yltä oikealle
Perintä: kyllä
Versio: CSS3
JavaScript-kieli: object.style.textEmphasisPosition="under"

Selaimen tuki

Taulukossa olevat numerot ilmaisevat ensimmäisen täysin tukevan selaimen version.

Chrome Edge Firefox Safari Ooppera
99.0 99.0 46.0 7.0 85.0