Los valores que reconoce cada propiedad en una hoja de estilo dependen del tipo de propiedad. A continuación veremos algunos valores típicos admitidos para entender mejor lo que viene a continuación.
Tipos de letra
El problema de especificar tipos de letra para ser usados en el World Wide Web es un verdadero dolor de cabeza. El motivo fundamental es que sus nombres varían de una plataforma a otra; y no es poco común encontrar que bajo una misma plataforma existan tipos que estén en una versión y no en otra, etc.
Una solución es que una empresa de computación ofrezca una serie de tipos de letra y espere que todo el mundo los instale en su computador, o los incorpore en sus productos y pretenda que sean estándares; pero en el mundo de la computación esto rara vez funciona bien y en ninguna parte son buenos los monopolios.
Bueno, pero ... ¿ qué solución hay ?. La solución es que cada vez que se especifica un tipo de letra, se indique una serie de alternativas: si en el computador de la persona que está leyendo la página no existe el primer tipo, se prueba con el siguiente, y así sucesivamente hasta llegar al último.
En caso de que el último tipo de letra tampoco sea reconocido, se utiliza el valor por omisión para el browser, que comunmente es Times (esta definición, del tipo de letra por omisión no aparece en ninguna parte en la especificación, lo que pasó fue que los primeros browser usaron este tipo y para mantener compatibilidad las siguientes generaciones de browser lo siguieron usando).
Por ejemplo:
P { font-family: "Arial", "Helvetica", sans-serif }
Significa que a todos los párrafos se les asignará el tipo de letra Arial (este es un tipo de letra sin serif típico de MS Windows), en caso de no estar disponible en el sistema se utilizará Helvetica (existente bajo MacOS y X-Windows).
El último valor listado merece una explicación aparte: para evitar que el browser caiga en el tipo de letra por omisión, se utiliza como última alternativa uno de los siguientes tipos de letra genéricos:
sans-serif (sin adornos) serif (con adornos) cursive (manuscrito) fantasy (no está claro que tipo de letra sea) monospace (monoespaciado, o espacio constante)
Estos no son tipos de letra en sí, sino que son familias. Un browser decidirá al momento de la instalación cual será el tipo que usará para representar cada una de estas familias.
Colores
Los colores se indican mediante un código RGB, (ejemplo: #FFEE09) o bien mediante uno de los nombres de color estandarizados:
- aqua: Agua
- black: Negro
- blue: Azul
- fuchsia: Fucsia
- gray: Gris
- green: Verde
- lime: Lima
- maroon: Marrón
- navy: Azul marino
- olive: Verde oliva
- purple: Púrpura
- red: Rojo
- silver: Plateado
- teal: Verde azulado
- white: Blanco
- yellow: Amarillo
También existe la posibilidad de usar códigos RGB abreviados, que sólo tienen tres "cifras". Por ejemplo, se escribe: #F0A en vez de #F000A0, #E9A en lugar de #E090A0, etc.
Los códigos RGB abreviados permiten escribir sólo 256 colores, pero eso es suficiente para la mayoría de los sistemas; esto es muy usual en hojas de estilo puesto que es difícil reconocer muchos matices en el texto, por lo que no tiene sentido ser tan específico en el color.
Longitudes
Las longitudes se indican con un número, seguido de un sufijo. Se pueden expresar en términos absolutos:
- 24mm: 24 milímetros
- 2cm: 2 centímetros
- 1.2in: 1,2 pulgadas
- 12pt: 12 puntos de impresión
- 3pc: 3 picas
- 105px: 105 pixeles
o bien en términos relativos al tamaño del tipo de letra actual:
- 2em: 2 veces el ancho de una letra "m"
- 3ex: 3 veces el ancho de una letra "x"
Si no se especifica un sufijo, se subentiende que se está hablando de uno de los 6 tamaños definidos en el HTML.
URLs
Los URL se indican usando la palabra reservada "url", seguida de un paréntesis, luego el contenido del URL y luego un paréntesis de cierre. Veamos algunos ejemplos:
url(http://www.myhost.com/)
url(imagen.gif)
url(icn/globo.gif)
