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

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,