CSS text-emphasis egenskap
- Föregående sida text-decoration-thickness
- Nästa sida text-emphasis-color
Definition och användning
text-emphasis
Egenskapen används för att lägga till betonningssymboler till text.
text-emphasis
Egenskapen är text-emphasis-style och text-emphasis-color förkortning.
Tips:Storleken på betonningssymbolen är ungefär 50% av teckenstorleken.
Exempel
Använd text-emphasis
Egenskap:
p.ex1 { text-emphasis: filled; } p.ex2 { text-emphasis: open; } p.ex3 { text-emphasis: double-circle red; } p.ex4 { text-emphasis: triangle blue; }
CSS syntax
text-emphasis: none|filled|open|dot|circle|double-circle|triangle|sesame|string|color|initial|inherit;
Egenskapsvärde
Värde | Beskrivning |
---|---|
none | Använd inte betonningssymbolen. |
filled | Fyll betonningssymbolen med en färg. |
open | Betonningssymbolen är tom. |
dot | Betonningssymbolen är en liten punkt. |
circle | Betonningssymbolen är en cirkel. |
double-circle | Betonningssymbolen är en dubbelcirkel. |
triangle | Betonningssymbolen är en triangel. |
sesame | Betonningssymbolen är sesamformad (dvs. små punktklumpar). |
string | Betonningssymbolen är den angivna strängen (en tecken). |
color | Ställ in färgen för betonningssymbolen. |
initial | Sätt denna egenskap till dess standardvärde. Se initial. |
inherit | Följande egenskap från föräldrelementet. Se inherit. |
Tekniska detaljer
Standardvärde: | none currentcolor |
---|---|
Arvsförmåga: | ja |
Version: | CSS3 |
JavaScript syntax: | object.style.textEmphasis="filled blue" |
Webbläsarstöd
Tabellen siffror representerar den första webbläsarens version som helt stöder egenskapen.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
99.0 | 99.0 | 46.0 | 7.0 | 85.0 |
- Föregående sida text-decoration-thickness
- Nästa sida text-emphasis-color