Atributo font-variant-caps de CSS

Definición y uso

La propiedad font-variant-caps controla el uso de formas alternativas de letras mayúsculas.

Por favor, consulte:

Tutoriales de CSS:Fuente CSS

Manual de Referencia de CSS:Propiedad font

Manual de Referencia del DOM HTML:Propiedad fontVariant

Ejemplo

establecer el párrafo en minúsculas:}

p.normal {font-variant-caps: normal;}
p.small {font-variant-caps: small-caps;}
p.allsmall {font-variant-caps: all-small-caps;}
p.petite {font-variant-caps: petite-caps;}
p.allpetite {font-variant-caps: all-petite-caps;}
p.unicase {font-variant-caps: unicase;}
p.titling {font-variant-caps: titling-caps;}

intente hacerlo usted mismo

sintaxis de CSS

font-variant-caps: normal|small-caps|all-small-caps|petite-caps|all-petite-caps|unicase|titling-caps|initial|inherit|unset;

valor del atributo

valor descripción
normal deshabilitar el uso de los tipos de caracteres alternativos.
small-caps muestra minúsculas pequeñas.
all-small-caps muestra tanto las letras mayúsculas como las minúsculas en minúsculas pequeñas.
petite-caps muestra minúsculas pequeñas.
all-petite-caps muestra tanto las letras mayúsculas como las minúsculas en minúsculas pequeñas.
unicase permite la mezcla de mayúsculas y minúsculas en mayúsculas pequeñas.
titling-caps mostrar mayúsculas iniciales
initial establece este atributo en su valor predeterminado. Ver: initial.
inherit hereda este atributo de su elemento padre. Ver: inherit.
unset

nota:las letras mayúsculas pequeñas se refieren a las letras escritas en mayúsculas, pero con el tamaño de las letras minúsculas correspondientes.

detalles técnicos

valor predeterminado: normal
herencia: sí
producción de animación: no soportado. Consulte:propiedades relacionadas con la animación.
versión: CSS3
Sintaxis de JavaScript: object.style.fontVariantCaps="small-caps"

soporte del navegador

Los números en la tabla indican la primera versión del navegador que admite completamente esta propiedad.

Chrome IE / Edge Firefox Safari Opera
52.0 79.0 34.0 no soportado 39.0