Esta traducción está incompleta. Por favor, ayuda a traducir este artículo del inglés.

El comando o instrucción  text-emphasis-color ( que podría traducirse como  énfasis de color en el texto)  en CSS  define el color que ud. puede indicar para resaltar o remarcar un texto  que es representado  en  un documento HTML.  Este valor puede declararse y puede ser reutilizado, usando el siguiente atajo taquigráfico.  text-emphasis 

/* Initial value , valor inicial*/
text-emphasis-color: currentColor;

/* <color>  */
text-emphasis-color: #555;
text-emphasis-color: blue;
text-emphasis-color: rgba(90, 200, 160, 0.8);
text-emphasis-color: transparent;

/* Global values , valores globales */
text-emphasis-color: inherit;
text-emphasis-color: initial;
text-emphasis-color: unset;

Valor inicialcurrentcolor
Applies toall elements
Heredableno
Mediavisual
Valor calculadocomputed color
Animation typea color
Canonical orderel orden único no-ambigüo definido por la gramática formal

Sintáxis

Values / Valores

<color>
Define el color que ud desea darle al énfasis de su texto. Si ningún color es declarado, el color por defecto es :currentColor.(color- actual).

Formal syntax / Sintáxis Formal

<color>

where
<color> = <rgb()> | <rgba()> | <hsl()> | <hsla()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>

where
<rgb()> = rgb( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
<rgba()> = rgba( [ [ <percentage>{3} | <number>{3} ] [ / <alpha-value> ]? ] | [ [ <percentage>#{3} | <number>#{3} ] , <alpha-value>? ] )
<hsl()> = hsl( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )
<hsla()> = hsla( [ <hue> <percentage> <percentage> [ / <alpha-value> ]? ] | [ <hue>, <percentage>, <percentage>, <alpha-value>? ] )

where
<alpha-value> = <number> | <percentage>
<hue> = <number> | <angle>

Ejemplos

CSS

h3 {
  text-emphasis-color: #555;
  text-emphasis-style: "*";
}

HTML

<p>Here's an example:</p>

<h3>This has emphasis marks!</h3>

Resultado

Ejemplo incrustado en vivo

Especificaciones

Especificaciones Estátus Comentario
CSS Text Decoration Module Level 3
La definición de 'text-emphasis' en esta especificación.
Candidate Recommendation Initial definition

Compatibilidad de Navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support 46 (46)[1] 25.0-webkit Sin soporte 15.0-webkit 6.1-webkit
7.1
Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Basic support 46 (46)[1] 4.4-webkit Sin soporte 33-webkit 7.1

[1] In Firefox 45, it wasn't activated by default: in about:config, the user has to set the preference layout.css.text-emphasis.enabled to true.

Ver También

Etiquetas y colaboradores del documento

 Colaboradores en esta página: mym2013
 Última actualización por: mym2013,