Ver entrada completa. Propiedades para el texto

Se emplea de la siguiente manera:

style="PROPIEDAD: VALOR;"

Ejemplo:

<p style="text-decoration: line-through;">Esto es una prueba con: line-through</p>

O dentro del código CSS:

#nombre {PROPIEDAD: VALOR;}

Ejemplo:

<p id="nombre">Esto es una prueba con: line-through</p>

.nombre {PROPIEDAD: VALOR;}

Ejemplo:

<p class="nombre">Esto es una prueba con: line-through</p>

Resultado iguales utilizando los 3 ejemplos:

Esto es una prueba con: line-through

Propiedad: text-decoration

Existen 5 opciones diferentes para establecer el valor o valores de esta propiedad:

• none: el texto no muestra ninguna decoración.
• underline: se muestran subrayadas todas las líneas de texto.
• overline: el subrayado se muestra en la parte superior de cada línea.
• line-through: se muestran tachadas mediante una línea continua en el medio de cada línea.
• blink: el texto parpadea apareciendo y desapareciendo de forma alternativa. (solamente Netscape)

Esto es una prueba con: none

Esto es una prueba con: underline

Esto es una prueba con: overline

Esto es una prueba con: line-through

Esto es una prueba con: blink

Propiedad: text-transform

Transforma el texto de un elemento para mostrarlo en mayúsculas, minúsculas o una mezcla de ambas.

Existen 4 opciones diferentes para establecer el valor o valores de esta propiedad:

• none: muestra el texto tal y como está escrito, respetando todas las mayúsculas y minúsculas.
• capitalize: muestra la primera letra de cada palabra en mayúscula y el resto de letras en minúsculas.
• uppercase: muestra todo el texto del elemento con letras mayúsculas.
• lowercase: muestra todo el texto del elemento con letras minúsculas.

Esto es una prueba con: none

Esto es una prueba con: capitalize

Esto es una prueba con: uppercase

Esto es una prueba con: lowercase

Escribí con rojo UPPERCASE ya que varias veces me preguntan porque sale en los títulos de la sidebar, todo en mayúscula.

La solución es quitar esa linea del código:

#sidebar {
resto del código...

text-transform: uppercase; (esta linea se elimina o se cambia uppercase por none)

}