CSS text-emphasis -ominaisuus

Määritelmä ja käyttö

text-emphasis Ominaisuus käytetään tekstin korostuksen merkin lisäämiseen.

text-emphasis Ominaisuus on text-emphasis-style ja text-emphasis-color lyhennys.

Vinkki:Korostuksen merkin koko on noin 50% kirjasinkoon.

Esimerkki

Käyttö text-emphasis Ominaisuus:

p.ex1 {
  text-emphasis: täytetty;
}
p.ex2 {
  text-emphasis: tyhjä;
}
p.ex3 {
  text-emphasis: kaksikerroksinen-ympyrä punainen;
}
p.ex4 {
  text-emphasis: kolmiokulma sininen;
}

Kokeile itse

CSS-kieli

text-emphasis: ei mikään|täytetty|tyhjä|piste|ympyrä|kaksikerroksinen-ympyrä|kolmiokulma|sammakko|merkkijono|väri|initial|inherit;

Ominaisuuden arvo

Arvo Kuvaus
ei mikään Ei sovelleta korostuksen merkkiä.
täytetty Korostuksen merkki täytettyä värellä.
tyhjä Korostuksen merkki tyhjällä.
piste Korostuksen merkki pienellä ympyrällä.
ympyrä Korostuksen merkki ympyrällä.
kaksikerroksinen-ympyrä Korostuksen merkki kaksikerroksisella ympyrällä.
kolmiokulma Korostuksen merkki kolmiolla.
sammakko Korostuksen merkki sammakonmuodossa (eli pieni pistejoukko).
merkkijono Korostuksen merkki annetulla merkkijonolla (yksi merkki).
väri Aseta korostuksen merkin väri.
initial Aseta tämä ominaisuus sen oletusarvon arvoon. Katso initial.
inherit Periisi isältään tämän ominaisuuden. Katso inherit.

Tekninen yksityiskohta

Oletusarvo: ei mikään currentcolor
Perintä: kyllä
Versio: CSS3
JavaScript-kieli: object.style.textEmphasis="filled blue"

Selaimen tuki

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

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0