propiedades css

Páginas: 21 (5212 palabras) Publicado: 15 de mayo de 2014
Propiedades de fuentes
Font Family (Familia de fuente)
Font Style (Estilo de fuente)
Font Variant (Variante de fuente )
Font Weight (Peso de fuente)
Font Size (Tamaño de fuente)
Font (Fuente)

Font Family (Familia de fuente)
Sintaxis:
font-family: [[ | ],]* [ | ]
Valores posibles:

Puede usarse cualquier nombre de familia de fuentes

serif (por ej., Times)
sans-serif (por ej.,Arial o Helvetica)
cursive (por ej., Zapf-Chancery)
fantasy (por ej., Western)
monospace (por ej., Courier)
Valor inicial:
Determinado por el navegador
Se aplica a:
Todos los elementos
Heredado:
Si
Las familias de fuentes pueden asignarse por un nombre de fuente específica o por una familia de fuentes genérica. Obviamente, si define una fuente específica, no será tan probable deencontrar como una familia de fuente genérica. Puede hacer múltiples asignaciones de familias, y si hace una asignación de fuente específica, debería ser seguida por un nombre de familia genérica en el caso de que la primera selección no se halle presente.
Una muestra de declaración de font-family podría ser así:
P { font-family: "New Century Schoolbook", Times, serif }
Note que las dos primerasasignaciones son fuentes de tipo específico: New Century Schoolbook y Times. Sin embargo, ya que ambas son fuentes serif, la familia genérica está listada como un respaldo en el caso de que el sistema no tenga ninguna de las dos, sino otra fuente serif que cumpla los requisitos.
Cualquier nombre de fuente que contenga un espacio en blanco deberá ser entrecomillada, con comillas simples o dobles.
Lafamilia de fuente también puede darse con la propiedad font.

Font Style (Estilo de fuente)
Sintaxis:
font-style:
Valores posibles:
normal | italic | oblique
Valor inicial:
normal
Se aplica a:
Todos los elementos
Heredado:
Si
La propiedad font-style define que la fuente se muestre en una de tres formas: normal, itálica u oblicua (inclinada). Una hoja de estilo de muestra condeclaraciones font-style podría ser así:
H1 { font-style: oblique }
P { font-style: normal }

Font Variant (Variante de fuente )
Sintaxis:
font-variant:
Valores posibles:
normal | small-caps
Valor inicial:
normal
Se aplica a:
Todos los elementos
Heredado:
Si
La propiedad font-variant determina si la fuente se muestra en mayúsculas tipo normal o pequeñas small-caps. Lassmall-caps se muestran cuando todas las letras de la palabra están en mayúsculas, con caracteres ligeramente más grandes que las minúsculas. Posteriores versiones de CSS pueden soportar variantes adicionales como condensada, expandida, números en small-caps u otras variantes personalizadas. Un ejemplo de una asignación font-variant sería:
SPAN { font-variant: small-caps }

Font Weight (Peso de fuente)Sintaxis:
font-weight:
Valores posibles:
normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900
Valor inicial:
normal
Se aplica a:
Todos los elementos
Heredado:
Si
La propiedad font-weight se usa para especificar el peso de la fuente. Los valores bolder y lighter son relativos al peso de la fuente heredada, mientras que los otros valores son pesosde fuente absolutos.
Nota: Ya que no todas las fuentes tienen nueve posibles pesos de visualización, algunos de los pesos pueden agruparse en la asignación. Si el peso especificado no está disponible, se elegirá una alternativa sobre la base siguiente:
500 puede ser cambiado con 400, y viceversa
100-300 puede ser asignado al siguiente peso más ligero, si existe, o en caso contrario, al siguientemás oscuro
600-900 puede ser asignado al siguiente peso más oscuro, si existe, o en caso contrario, al siguiente más claro
Algunos ejemplos de asignación de font-weight serían:
H1 { font-weight: 800 }
P { font-weight: normal }

Font Size (Tamaño de fuente)
Sintaxis:
font-size: | | |
Valores posibles:

xx-small | x-small | small | medium | large | x-large | xx-large

larger...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Paginas Css Propiedades
  • PROPIEDADES DE CSS
  • Deficion de propiedades Css
  • Propiedades de texto css
  • Que Es Css
  • Css
  • QUE ES CSS
  • css

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS