CSSTipografía


Sintaxis

  • font: [ font-style ] [font-variant] [font-weight] font-size [/ line-height] font-family ;
  • estilo de fuente : estilo de fuente
  • variante de fuente : variante de fuente
  • font-weight: font-weight ;
  • tamaño de letra : tamaño de letra ;
  • línea-altura: línea-altura ;
  • Familia de fuentes : Familia de fuentes ;
  • color: color ;
  • comillas: ninguna | cadena | inicial | heredar ;
  • estiramiento de la fuente : estiramiento de la fuente ;
  • text-align: text-align ;
  • texto-sangría: longitud | inicial | heredar ;
  • texto desbordado: clip | puntos suspensivos | cadena | inicial | heredado ;
  • text-transform: none | capitalize | mayúsculas | minúsculas | initial | inherit ;
  • text-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit ;
  • font-size-adjust: number | none | initial | inherit;
  • fuente-estiramiento: ultra-condensado | extra-condensado | condensado | semi-condensado | normal | semi-expandido | expandido | extra-expandido | ultra-expandido | inicial | heredado;
  • guiones: ninguno | manual | auto
  • tab-size: número | longitud | inicial | heredar ;
  • espacio entre letras: normal | longitud | inicial | heredar ;
  • espacio entre palabras: normal | longitud | inicial | heredar ;

Parámetros

Parámetro Detalles
Estilo de fuente italics u oblique
variante de fuente normal o small-caps
peso de fuente normal , bold o numérica de 100 a 900.
tamaño de fuente El tamaño de fuente dado en % , px , em , o cualquier otra medida de CSS válida
altura de la línea La altura de línea dada en % , px , em , o cualquier otra medida de CSS válida
Familia tipográfica Esto es para definir el nombre de la familia.
color Cualquier representación de color CSS válida, como red , #00FF00 , hsl(240, 100%, 50%) etc.
estiramiento de la fuente Si se usa o no una cara confiada o expandida de la fuente. Los valores válidos son normal , ultra-condensed , extra-condensed , condensed , semi-condensed , semi-expanded , expanded , extra-expanded o ultra-expanded
texto alineado start , end , left , right , center , justify , match-parent
decoracion de texto none , underline , overline , line-through , initial , inherit ;

Observaciones

  • La propiedad text-shadow no es compatible con versiones de Internet Explorer de menos de 10.

Tipografía Ejemplos relacionados