Índice

Cambiar a mayúsculas

Esta propiedad permite visualizar un texto normal en versalitas (pequeñas mayúsculas).

font-variant:

small-caps; o bien

normal;

Comentario

El valor small-caps muestra el texto en mayúsculas pero de un tamaño más pequeño (small) que las mayúsculas normales, lo que proporciona un resultado menos "agresivo".

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8">  
   <style type="text/css"> 
   .caps { font-variant:small-caps;} 
   </style> 
</head> 
<body> 
<h1>MAYÚSCULAS</h1> 
<h1 class="caps">versalitas</h1> 
</body> 
</html>
images/CAP13IMG04.png