CSS 3: Decoración de texto

La futura recomendación CSS 3: Decoración de texto, actualmente (octubre de 2015) en elaboración, permite añadir al texto ciertos tipos de decoración que amplian los disponibles en CSS 2..

Decoración con líneas: text-decoration

Esta propiedad ya existía en CSS 2, aunque CSS 3 amplía sus posiblidades.

Las propiedades de decoración de texto mediante una línea son las siguientes:

Actualmente (octubre de 2015), estas propiedades funcionan en Firefox, pero no en Chrome o Internet Explorer.

Correcto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
p {
  text-decoration: underline wavy red;
}

En CSS 3 se puede definir el tipo de subrayado con más detalle que en CSS2.

Correcto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
p {
  text-decoration-line: underline;
  text-decoration-style: wavy;
  text-decoration-color: red;
}

En CSS 3 se puede definir el tipo de subrayado con más detalle que en CSS2.

Énfasis: text-emphasis

La propiedad text-emphasis está pensada para añadir un símbolo al texto. Estos símbolos se utilizan en los lenguajes asiáticos orientales para enfatizar el texto.

Actualmente (noviembre de 2014), estas propiedades todavía no funcionan en Firefox, Chrome o Internet Explorer.

Incorrecto en Firefox Incorrecto en Internet Explorer Incorrecto en Chrome
p {
  text-emphasis: triangle red;
}

En CSS 3 se puede enfatizar caracteres.