text-decoration

<< vertical-align text-transform >>

Esta propiedad te permite subrayar el texto (underline), subrayar por encima del texto(overline) y tachar el texto(line-through) si se utiliza el valor none se elimina cualquiera de los formatos anteriores. Esta propiedad se utiliza mucho para eliminar por ejemplo el subrayado que por defecto aparece con la etiqueta de enlace/hipervínculo.

<!DOCTYPE html>
<html lang="es">
     <head>
          <meta charset="UTF-8">
          <title>Aplicando estilos</title>  
          <link rel="stylesheet" href="style.css">        
     </head>
     <body>
          <h1>  El título <span>de aquí </span>estará en azul</h1>
          <div id="container">
            <p>Tenemos un nuevo párrafo por aquí</p>
            <p id="destacado">Este párrafo también estará en azul</p>
          </div>
          <pre>
            &#0009;console.log("hola mundo");
          </pre>
          <h2 id="underline">underline</h2>
          <h2 id="overline">overline</h2>
          <h2 id="line-through">line-through</h2>
     </body>
</html>

<< vertical-align text-transform >>