Agregar contenido de texto con CSS

Por si usted no lo sabe, CSS tiene la propiedad content, y puede ser útil en ciertos casos. Mientras no se abuse de ella, considerando que en el CSS van sólo cuestiones de diseño.

La propiedad content sólo puede ser usada con los pseudo-elementos :before y :after

Un ejemplo:

.email-address:before {
  content: "Email address: ";
}

Lo que un código HTML como el que sigue:

<p class="email-address">hola@mundo.com</p>

Mostraría en pantalla:

Email address: hola@mundo.com

Una guía más amplia sobre ésto la pueden encontrar aquí: http://css-tricks.com/css-content/

Copyright © Snippets de David Vega
Código útil para copiar y pegar.

Built on Notes Blog Core
Powered by WordPress