Tutoriales gratuitos para el aprendizaje de la programacion informatica! Recuerda que si lo puedes imaginar... lo puedes programar!

Textos Fuentes CSS

Valores clave

Convierte la primera letra de cada palabra en mayúscula:
text-transform: capitalize;

Convierte el texto en mayúscula:
text-transform: uppercase; 

Convierte el texto en minuscula:
text-transform: lowercase; 

Previene que sea cambiado el tamaño de los caracteres:
text-transform: none; 

Fuerza que la escritura de un carácter, abarque el espacio dentro de un cuadro:
text-transform: full-width;

Valores globales  
text-transform: inherit; 
text-transform: initial; 
text-transform: unset;

Tamaño de fuente:

font-size: 14px;

Tipo de fuente predeterminada:
font-family: 'Montserrat', sans-serif;

Alinea el texto:
text-align: center;

Quitar el subrayado:
text-decoration: none;

Colocar el subrayado en la parte superior del texto:
text-decoration:overline;

Tachado:
text-decoration:line-through;

Color (Texto):
color : # 000 ;

Negrita:
font-weight: bolder;

Espacio entrelinea:
line-height: 1.5;

Bordes:
border:1px #8dbef5 solid ;/*ancho de la linea, color, tipo
de linea (el orden no es un problema)*/


Efecto:
transition: all ease 5s; /*efecto lento al quitar el mouse
que aplica a todos los componentes (el orden no es un problema)*/


transition: background-color ease 2s; /*efecto lento que aplica
al background-color (el orden no es un problema)*/


Sombreado:
text-shadow: 0.1em 0.1em #DCDCDC;

No hay comentarios:

Publicar un comentario