Breaking

Post Top Ad

Your Ad Spot

viernes, 4 de octubre de 2019

Cómo usar la propiedad de espacio entre letras de CSS3

La propiedad de espacio entre letras de CSS es una que se puede utilizar para, probablemente lo adivinó, agregar (o eliminar) el espacio entre letras. La propiedad es perfecta para hacer que sus letras se vean muy juntas o súper extendidas. Si tiene algún conocimiento de diseño gráfico, es un poco como un kerning de sus letras, solo que no se necesita PhotoShop ni software de edición de fotos.
El uso de la propiedad de espaciado entre letras es realmente fácil y directo. La propiedad toma valores numéricos en unidades de medida como px, em y%, y puede usar valores positivos o negativos, dependiendo de si desea agregar espacio entre las letras o quitar espacio. Eche un vistazo a los ejemplos a continuación para ver cómo podría usarlo en la vida real.
Para agregar espacios entre letras, desearía usar un valor positivo con su propiedad de espacio entre letras, de esta manera:
pags{
    espacio entre letras: 5px;
}
Poner 5px de espacio entre sus letras o caracteres haría que su texto se vea como el texto en la imagen a continuación.
Captura de pantalla 2017-05-17 a las 2.21.34 PM
Como puede ver, aunque 5px puede no parecer mucho, en realidad agrega una cantidad decente y notable espacio entre sus letras. Asegúrese de probar su código de espacio entre letras antes de activarlo para asegurarse de que no agrega demasiado espacio.
Para eliminar el espacio entre sus letras, querrá usar un valor negativo con su propiedad de espacio entre letras. El código para lograr ese efecto necesitaría verse así:
pags{
    espacio entre letras: -3px;
}
Si elimina 3 píxeles de espacio entre sus letras o caracteres, su HTML se parecería al texto de la imagen a continuación.
Captura de pantalla 2017-05-17 a las 2.21.38 PM
El texto en esta imagen es SUPER muy juntos. Es importante saber que si elimina demasiado espacio entre sus letras, esencialmente se sentarán una encima de la otra y se volverán ilegibles, lo que podría ser un aspecto genial si eso es lo que está buscando, pero si lo desea para asegurarte de que tus usuarios puedan leer lo que dice tu texto, no te vuelvas loco eliminando el espacio de las letras.
Esta propiedad es compatible con todos los principales navegadores y, aunque no es muy popular, es una excelente manera de agregar un poco de estilo o esmalte profesional a cualquier proyecto o diseño de página web sin tener que usar PhotoShop de confianza. ¡Diviértete con eso!

No hay comentarios.:

Publicar un comentario

Dejanos tu comentario para seguir mejorando!

Post Top Ad

Your Ad Spot

Páginas