Aún no tienes acceso a esta clase

Crea una cuenta y continúa viendo este curso

Curso de Tailwind CSS 2020

Curso de Tailwind CSS 2020

Víctor Yoalli Domínguez

Víctor Yoalli Domínguez

Ajustando el espaciado entre letras y líneas

10/29
Recursos

Aportes 17

Preguntas 2

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.

2 instrucciones que debemos aprender:
Tracking espaciamiento entre letras
Leading espaciamiento entre lineas

Cambios en enero 2021

Me gusta ya que escribir esto en css es muy fácil y mínimo son 3 lineas de código, con estas clases esto resulta mucho más práctico

Me va gustando mas este curso que el de bootstrap

text-left Alineado a la Izquierda
text-right Alineado a la Derecha
text-center Alineación al centro
text-justify Texto justificado

🎨 La documentación fue actulizada con nuevas clases en 2021.

Enlaces a la documentación:

<h3>Margen entre letras
tracking-tight /Letras juntas
tracking-tighter /Letras muy juntas
tracking-wide /Letras separadas
tracking-widest /Letras muy separadas</h3>
<h3>Margen entre lineas
leading-tight /Lineas juntas
leading-snug /Lineas juntas (un poco mas separadas que leading-tight)
leading-relaxed /Lineas separadas
leading-loose /Lineas separadas (un poco mas que leading-relaxed)</h3>
<h3>Alineacion
text-left /Alineado a la Izquierda
text-right /Alineado a la Derecha
text-center /Alineación al centro
text-justify /Texto justificado</h3>

line-through /Tachar texto
underline /Subrayar texto
no-underline /Sin subrayar (quita el subrayado)
uppercase /Letras en mayusculas
capitalized /Primera letra de cada palabra en mayuscula
lowercase /Letras en minuscula

muy practico todo!

Transformando el texto
uppercase text-transform: uppercase;
lowercase text-transform: lowercase;
capitalize text-transform: capitalize;
normal-case text-transform: none;

tracking: espacio entre letras
leading: espacio entre lineas

Transformando el texto
uppercase text-transform: uppercase;
lowercase text-transform: lowercase;
capitalize text-transform: capitalize;
normal-case text-transform: none;
text-left Alineado a la Izquierda
text-right Alineado a la Derecha
text-center Alineación al centro
text-justify Texto justificado

Resumen en tema de conversión de letras de mayúsculas a minúsculas o viceversa.
uppercase convierte todo a mayúscula
capitalize Convierte solo las primeras letras en mayúscula
lowercase convierte de mayúscula a todo minúscula.

excelente me esta gustando hasta el momento 😃

Genial, todo bien por el momento

Me esta gustando Tailwind

f

La utilidad tracking nos permite controlar la propiedad letter spacing de un elemento.
(
Fuente: https://tailwindcss.com/docs/letter-spacing