CSS propiedad text-emphasis-position

Definición y uso

text-emphasis-position El atributo especifica la posición del marcador de énfasis (arriba, abajo, izquierda, derecha).

Consejo:Uso writing-mode El atributo se utiliza para especificar el modo de escritura horizontal o vertical.

Ejemplo

Uso text-emphasis-position Atributo:

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

Prueba por tu cuenta

Sintaxis de CSS

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

Valor del atributo

Valor Descripción
encima Aplica un marcador de énfasis encima del texto (en modo de escritura horizontal).
debajo Aplica un marcador de énfasis debajo del texto (en modo de escritura horizontal).
izquierda Aplica un marcador de énfasis a la izquierda del texto (en modo de escritura vertical).
derecha Aplica un marcador de énfasis a la derecha del texto (en modo de escritura vertical).
initial Establece esta propiedad en su valor predeterminado. Ver initial.
inherit Hereda esta propiedad de su elemento padre. Ver inherit.

Detalles técnicos

Valor predeterminado: derecha sobre
Herencia: sí
Versión: CSS3
Sintaxis de JavaScript: object.style.textEmphasisPosition="under"

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que admite completamente esta propiedad por primera vez.

Chrome Edge Firefox Safari Opera
99.0 99.0 46.0 7.0 85.0