Ejemplo
Establecer un párrafo a una fuente small-caps:
p.small
{
font-variant: small-caps;
}
Inténtalo tú mismo " Definición y Uso
En una fuente small-caps, todas las letras minúsculas se convierten en mayúsculas. Sin embargo, las letras mayúsculas convertida aparecerá en un tamaño de letra más pequeño que las letras mayúsculas originales en el texto.
La propiedad font-variant especifica si o no un texto debe mostrarse en una fuente small-caps.
| Valor por defecto: | normal |
|---|---|
| Heredado: | yes |
| animatable: | no. Read about animatable |
| Versión: | CSS1 |
| la sintaxis de JavaScript: | object .style.fontVariant="small-caps" Try it |
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| font-variant | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
sintaxis CSS
font-variant: normal|small-caps|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| normal | El navegador muestra un tipo de letra normal. Esto es por defecto | Juegalo " |
| small-caps | El navegador muestra una fuente small-caps | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: CSS Fuentes
Referencia CSS: font property
Referencia HTML DOM: fontVariant property