text-emphasis-color

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 inicial	`currentcolor`
Applies to	all elements
Heredable	no
Media	visual
Valor calculado	computed color
Animation type	a color
Canonical order	el 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} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
<rgba()> = rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )
<hsl()> = hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )
<hsla()> = hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <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!

Escritorio
Móvil

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

El<color> como tipo de dato.
Las otras propiedades de marcas de énfasis relacioanadas son:text-emphasis-style, text-emphasis, y text-emphasis-position.
Otros colores y propiedades relacionadas:color, background-color, border-color, outline-color, text-emphasis-color, text-shadow, caret-color, y column-rule-color
Aplicando color a los elementos HTML utilizando CSS. Applying color to HTML elements using CSS