Saltar la navegación

4.3.2. Texto

Elemento Descripción Ejemplo
text-decoration Establece si el texto está subrayado, sobrerayado o tachado. los valores que puede tomar son: none, underline, overline, line-through o blink
h3 {
    text-decoration: underline;
}
text-align Indica la alineación del texto. Aunque las hojas de estilo permiten el justificado de texto no funciona en todos los sistemas. Los valores que puede tomar son: left, right, center o justify
h1 {
    text-align: center;
}
text-indent Determina la tabulación del texto. Los valores que toma son una longitud, en unidades CSS, o un porcentaje de la establecida.
p {
    text-indent: 50px;
}
text-transform Nos permite transformar el texto, haciendo que tenga la primera letra en mayúsculas de todas las palabras, todo en mayúsculas o minúsculas. Los valores que puede tomar son: capitalize, uppercase, lowercase o none
p {
    text-transform: capitalize;
}
word-spacing Determina el espaciado entre las palabras. Los valores que puede tomar es un tamaño.
h2 {
    word-spacing: -5px;
}
letter-spacing Determina el espaciado entre letras. Los valores que puede tomar es un tamaño.
h1 {
    letter-spacing: 3px;
}
line-height Altura de la línea. Puede establecerse mediante un tamaño o un porcentaje
p {
    line-height: 0.8;
}

Creado con eXeLearning (Ventana nueva)