Categorías destacadas
Artículo
|
Propiedad content de CSS |
CSS tiene una propiedad llamada “content” que solo puede ser utilizada con pseudo elementos “:after” y “:before”. Con esta propiedad lo que conseguimos es poder introducir contenido delante o detrás desde la clase donde hemos realizado la llamada.
Por ejemplo, si deseamos poner un mail en una página, podemos escribir el texto que queremos que aparezca utilizando esta propiedad de las hojas de estilo, en vez dentro del código HTML. Para esto tendríamos en el código CSS lo siguiente:
Y en el código HTML tendríamos:
La salida que dará este código es la siguiente:
El utilizarlo o no utilizarlo ya depende de si quieres tener texto en la hoja de estilo, o bien tener separado por un lado los estilos y por otro el contenido de la página.
Por ejemplo, si deseamos poner un mail en una página, podemos escribir el texto que queremos que aparezca utilizando esta propiedad de las hojas de estilo, en vez dentro del código HTML. Para esto tendríamos en el código CSS lo siguiente:
.email-address:before {
content: "Email address: ";
}
Y en el código HTML tendríamos:
<ul> <li class="email-address">chriscoyier@gmail.com</li> </ul>
La salida que dará este código es la siguiente:
Email address: chriscoyier@gmail.com
El utilizarlo o no utilizarlo ya depende de si quieres tener texto en la hoja de estilo, o bien tener separado por un lado los estilos y por otro el contenido de la página.
 |
Publicado por: angel carrero |
|
|
Comentarios
Últimas noticias
Últimos artículos
