Referencias:Hojas de estilo
Unidades de hoja de estilo
Diversos valores de propiedades de CSS se expresan en unidades estándares para la definición de medidas, estilo, colores y otras características.. En este apéndice, las medidas se denotan mediante corchetes de ángulo (
< >). La siguiente sección lista los valores que están asociados con cada tipo de unidad.
<absolute-size>
|
|
|
|
| |
Los tamaños absolutos se refieren a las entradas en una base de datos de tamaños de fuentes que se calculan y mantienen por el navegador. Los valores posibles son: xx-small, x-small, small, medium, large, x-large y xx-large.
|
|
Subir |
|
|
| |
<angle> |
|
|
|
|
| |
Los valores de ángulo se utilizan con las hojas de estilo sonoras. Se expresan por un signo opcional (+ ó -) inmediatamente seguido por un número. Aquí presentamos las unidades de ángulo posibles: deg (grados), grad (gradientes), rad (radianes).
|
|
Subir |
|
|
| |
<border-style> |
|
|
|
|
| |
Esta propiedad define el tipo de borde que rodea un cuadro de elemento. Los diversos border-style valores se pueden especificar de la siguiente manera:
none: sin borde;
dotted: una serie de puntos;
dashed: una serie de segmentos de línea cortos;
solid: un segmento de línea continuo;
double: dos segmentos de línea continuos. El ancho total de las dos líneas incluyendo el espacio que las separa iguala el valor de border-width;
groove: el borde aparece como si estuviera esculpido en el esquema;
ridge: .esto es lo opuesto de groove y hace que el borde permanezca fuera del esquema como un relieve;
inset: el borde parece como si estuviere incrustado en el esquema;
outset: es lo opuesto de inset y hace que el borde permanezca fuera del esquema. Hay una diferencia entre esta propiedad y ridge.
|
|
Subir |
|
|
| |
<border-width> |
|
|
|
|
| |
La propiedad border-width define el ancho del borde de un cuadro de elemento. Los siguientes valores están disponibles:
thin (un borde delgado), medium (un borde mediano), thick
(un borde grueso), <length> (el grosor se proporciona con un valor explícito).
|
|
Subir |
|
|
| |
<color> |
|
|
|
|
| |
Los colores se pueden definir con una palabra clave (al igual que en HTML 4.0) o una especificación RGB numérica.
Aquí se presentan los valores reconocidos:
Palabra clave: aqua | black | blue | fuchsia | gray | green | lime | maroon | navy | olive | purple | red | silver | teal | white | yellow
#rgb (ejemplo para azul: { color: #00f })
#rrggbb (ejemplo para azul: { color: #0000ff })
rgb - serie de enteros (ejemplo para azul: { color: rgb(0,0,255) })
rgb - valores relativos a 255 (ejemplo de azul: { color: rgb(0%, 0%, 100%) })
|
|
Subir |
|
|
| |
<family-name> |
|
|
|
|
| |
Se pueden especificar fuentes como un nombre de familia, por ejemplo Arial, Times New Roman, Helvetica, o Baskerville. Los nombres de familias de fuentes que incluyen caracteres de espaciado (tabulación, nueva línea, retorno de carro, corte de página, etc.) se deben especificar entre comillas.
|
|
Subir |
|
|
| |
<frequency> |
|
|
|
|
| |
Los identificadores de frecuencia se utilizan con hojas de estilo sonoras. Se expresan mediante un número seguido por uno de estos dos identificadores: Hz (Hertz), o kHz (Kilohertz).
|
|
Subir |
|
|
| |
<generic-family> |
|
|
|
|
| |
Se recomienda utilizar un nombre de familia de fuentes genérico como reemplazo en caso de que las fuentes solicitadas no estén disponibles en el sistema del cliente. Estos nombres de familia genéricos son palabras clave y no necesitan incluirse entre comillas.
Aquí se presentan algunos ejemplos:
serif: Times New Roman, MS Georgia, Garamond
sans-serif: Arial, Helvetica, Futura, Gill Sans
cursive: Zapf-Chancery, Caflisch Script
fantasy: Critter, Cottonwood
monospace: Courier, MS Courier New, Prestige
|
|
Subir |
|
|
| |
<generic-voice> |
|
|
|
|
| |
Las voces genéricas son los equivalentes a las familias genéricas y representan valores para <voice-family>.
Aquí se presentan algunos ejemplos de voces genéricas: male, female, child
|
|
Subir |
|
|
| |
<integer> |
|
|
|
|
| |
Un entero consta de uno o más dígitos (0-9). Puede presentar signo (precedido por un - o +).
Ver también <number>.
|
|
Subir |
|
|
| |
<length> |
|
|
|
|
| |
Las longitudes se especifican mediante un signo opcional (+ o -) inmediatamente seguido por un número (con o sin punto decimal), y luego por un identificador de unidad seleccionado entre los siguientes:
Unidades relativas:
em: tamaño de la fuente relevante;
ex : el valor x-height de la fuente relevante:
px: píxeles, dependiendo del dispositivo de visualización.
Valores absolutos:
pt: puntos (1/72 de pulgada);
in : pulgadas;
cm : centímetros;
mm : milímetros;
pc : picas (1 pica es equivalente a 12 puntos o 1/6 de pulgada)
|
|
Subir |
|
|
| |
<number> |
|
|
|
|
| |
Un número puede ser un entero, o puede consistir de cero o más dígitos seguidos por un punto (.), seguido por uno o más dígitos. Un símbolo - ó + puede preceder al número para indicar el signo. Ver también <integer>.
|
|
Subir |
|
|
| |
<percentage> |
|
|
|
|
| |
Los valores de porcentaje siempre son relativos a otro valor, como una longitud. Están especificados por un signo opcional (+ o -), inmediatamente seguidos por un número, seguido por %.
|
|
Subir |
|
|
| |
<relative-size> |
|
|
|
|
| |
Los tamaños relativos se calculan en relación con el tamaño de la fuente del elemento padre. Se pueden expresar como uno de los siguientes valores: larger, smaller.
|
|
Subir |
|
|
| |
<shape> |
|
|
|
|
| |
El único valor de forma válido en CSS2 es rect(<top> <right> <bottom> <left>), cuyos parámetros definen un offset desde el borde relevante del cuadro de elemento.
|
|
Subir |
|
|
| |
<specific-voice> |
|
|
|
|
| |
Los valores de voz son los equivalentes de las familias de fuentes en formateo visual, excepto que se utilizan en hojas de estilo sonoras. Representan instancias específicas de una voz, tal como la de un profesor, artista, predicador, etc..).
|
|
Subir |
|
|
| |
<time> |
|
|
|
|
| |
Las unidades de tiempo se utilizan con las hojas de estilo sonoras. Se especifican como un número inmediatamente seguido por uno de los siguientes identificadores: ms (milisegundos), s (segundos).
|
|
Subir |
|
|
| |
<uri> |
|
|
|
|
| |
Los valores URI (Uniform Resource Indicator) representan direcciones de recursos utilizados en elementos reemplazados, tales como imágenes. La notación utilizada para expresar un URI es url (seguido por un espacio opcional, seguido por un carácter de comilla simple o doble, seguido por el URI mismo, seguido por un carácter de comilla simple o doble, seguido por un espacio opcional). Aquí se presenta un ejemplo de dicha sintaxis:
body { background: url ("http://www.foo.com/images/background.gif" }
|
|
Subir |
|
|