Propiedades y Valores de CSS
Esta tabla proporciona una referencia completa de las propiedades y valores más comunes en CSS, junto con sus descripciones y notas relevantes. Está diseñada para ser una herramienta útil para desarrolladores web de todos los niveles.
Tabla de Propiedades y Valores
Propiedad / Valores | Descripción y Notas |
---|---|
background Cualquier combinación de los valores de background-attachment, background-color, background-image, background-repeat, y/o background-position, o | Para cambiar el color de fondo y la imagen de elementos. Valor inicial depende de las propiedades individuales; no se hereda; porcentajes permitidos para background-position. |
background-attachment
| Para determinar si y cómo las imágenes de fondo deben desplazarse. Valor inicial: |
background-color Un color, | Para establecer sólo el color de fondo de un elemento. Valor inicial: |
background-image Una URL, | Para establecer sólo la imagen de fondo de un elemento. Valor inicial: |
background-position Uno o dos porcentajes o longitudes (o un porcentaje y una longitud) o uno de | Para ajustar la posición física de una imagen de fondo especificada. Valor inicial: |
background-repeat Uno de | Para determinar cómo y si las imágenes de fondo deberían ser de azulejos. Valor inicial: |
border Cualquier combinación de los valores de border-width, border-style, y/o un color, o | Para la definición de todos los aspectos de un borde en todos los lados de un elemento. Valor inicial depende de las propiedades individuales; no se hereda. |
border-color Uno hasta cuatro colores, | Para establecer sólo el color del borde en uno o más lados de un elemento. Valor inicial: el elemento |
border-spacing Una o dos longitudes o | Para especificar la cantidad de espacio entre los bordes en una mesa. Valor inicial: 0; sólo puede aplicarse a elementos de la tabla; heredado. |
border-style Uno a cuatro de los siguientes valores: | Para establecer sólo el estilo de un borde en uno o más lados de un elemento. Valor inicial: |
border-top, border-right, border-bottom, border-left Cualquier combinación de un valor único para cada border-width, border-style, y/o un color, o usar | Para la definición de las tres propiedades de borde a la vez en un solo lado de un elemento. Valor inicial depende de los valores individuales; no se hereda. |
border-top-color, border-right-color, border-bottom-color, border-left-color Un color o | Para definir sólo el color de la frontera en un solo lado de un elemento. Valor inicial: el valor del color; no se hereda. |
border-top-style, border-right-style, border-bottom-style, border-left-style Uno de | Para definir sólo el estilo de la frontera en un solo lado de un elemento. Valor inicial: |
border-top-width, border-right-width, border-bottom-width, border-left-width Uno de | Para definir exactamente el ancho de la frontera en un solo lado de un elemento. Valor inicial: |
border-width Uno a cuatro de los siguientes valores: | Para definir la anchura del borde en uno o más lados de un elemento. Valor inicial: |
clear Uno de | Para mantener los elementos de flotación en uno o ambos lados de un elemento. Valor inicial: |
bottom Un porcentaje, longitud, | Para ajustar la distancia que un elemento debe estar desplazado del borde inferior de su elemento padre. Valor inicial: |
color Un color o | Para establecer el color de primer plano de un elemento. Valor inicial: color de los padres; algunos colores son fijados por navegador; heredado. |
cursor Uno de | Para establecer la forma del cursor. Valor inicial: |
display Uno de | Para determinar cómo y si un elemento debe mostrarse. Valor inicial: |
float Uno de | Para la determinación de en qué lado de un elemento otros elementos se les permite flotar. Valor inicial: |
font Si se desea, cualquier combinación de los valores de font-style, font-variant y font-weight seguido de la requerida font-size, un valor opcional de line-height y requiere también la font-family, o utilizar | Para fijar por lo menos la familia y el tamaño, y opcionalmente el estilo, variante, el peso y altura de línea de texto. Valor inicial depende de las propiedades individuales; heredado; porcentajes permitidos para los valores de font-size y line-height. |
font-family Una o más comillas-cerradas nombres de fuentes seguido de un nombre de fuente genérico opcional, o utilizar | Para la elección de la familia de fuentes para el texto. Valor inicial: depende del navegador; heredado. |
font-size Un tamaño absoluto, un tamaño relativo, una longitud, un porcentaje o | Para ajustar el tamaño del texto. Valor inicial: |
font-style
| Para la fabricación de texto en cursiva. Valor inicial: |
font-variant
| Para establecer el texto en mayúsculas. Valor inicial: |
font-weight
| Para aplicar, quitar y ajustar el formato de negrita. Valor inicial: |
height Una longitud, porcentaje, | Para ajustar la altura de un elemento. Valor inicial: |
left Una longitud, porcentaje, | Para ajustar la distancia que un elemento debe estar desplazado del borde izquierdo de su elemento padre. Valor inicial: |
letter-spacing
| Para ajustar la cantidad de espacio entre las letras. Valor inicial: |
line-height
| Para establecer la cantidad de espacio entre líneas de texto. Valor inicial: |
list-style Cualquier combinación de los valores de list-style-type, list-style-position y/o list-style-image, o utilizar | Para establecer una lista de marcador (regular o personalizado) y su posición. Valor inicial depende de los valores iniciales de los elementos individuales; sólo puede aplicarse a elementos de la lista; heredado. |
list-style-image Una URL, | Para designar un marcador personalizado para una lista. Valor inicial: |
list-style-position
| Para determinar la posición de marcador de una lista de. Valor inicial: |
list-style-type
| Para establecer una lista de marcador. Valor inicial: |
margin Uno a cuatro de las siguientes: | Para establecer la cantidad de espacio entre uno o más lados del borde de un elemento y su elemento padre. Valor inicial depende del navegador y en el valor de |
margin-top, margin-right, margin-bottom, margin-left Una longitud, porcentaje, | Para establecer la cantidad de espacio entre un solo lado del borde de un elemento y su elemento padre. Valor inicial: |
marks
| Para las marcas de recorte de impresión y/o marcas de cruz. Valor inicial: ninguno; sólo se puede aplicar en una |
max-height, max-width Una longitud, porcentaje, | Para establecer la máxima altura y/o anchura de un elemento, respectivamente. Valor inicial: |
min-height, min-width Una longitud, porcentaje o | Para establecer la altura mínima y/o la anchura de un elemento, respectivamente. Valor inicial: |
orphans Un número entero o | Para especificar el número de líneas de un elemento puede aparecer solo en la parte inferior de una página. Valor inicial: 2; sólo puede aplicarse a elementos de nivel de bloque; heredado. |
overflow
| Para determinar que el contenido extra debe ir si no encaja en el área de contenido del elemento. Valor inicial: |
padding Desde una hasta cuatro longitudes o porcentajes, o | Para especificar la distancia entre uno o más lados del área de contenido de un elemento y su borde. Valor inicial depende del navegador; no se hereda; los porcentajes se refieren al ancho del bloque de contención. |
padding-top, padding-right, padding-bottom, padding-left Una longitud, porcentaje o | Para especificar la distancia entre un lado del área de contenido de un elemento y su borde. Valor inicial: |
page Un área de la página Nombre o | Para especificar de qué tipo de página de un elemento se debe imprimir. Valor inicial: |
page-break-after, page-break-before o bien | para especificar saltos de página cuando debe o no debe ocurrir Valor inicial: |
page-break-inside o bien | para mantener los saltos de página de dividir un elemento a través de las páginas Valor inicial: |
posición ya sea | para determinar cómo un elemento debe ser colocado con respecto al flujo del documento Valor inicial: |
derecho ya sea una longitud, porcentaje, | para ajustar la distancia que un elemento debe estar desplazado del borde derecho de su elemento padre Valor inicial: |
tamaño ya sea longitudes individuales de anchura y altura, un valor único para la anchura y la altura, | para la determinación del tamaño del área de impresión en una página definida Valor inicial: |
tabla-display una de | para la elección del algoritmo que se debe utilizar para determinar las anchuras de las células Valor inicial: auto; no se hereda |
text-align uno de | para alinear texto valor inicial depende de la dirección del navegador y la escritura, y sólo puede aplicarse a elementos de nivel de bloque, heredado |
text-decoration cualquier combinación de | para el texto de decoración (sobre todo con las líneas) Valor inicial: |
text-indent ya sea una longitud, porcentaje o | para ajustar la cantidad de espacio de la primera línea de un párrafo debe tener una sangría Valor inicial: |
text-transform o bien | para el establecimiento de la capitalización de texto de un elemento Valor inicial: |
top ya sea una longitud, porcentaje, | para ajustar la distancia que un elemento debe estar desplazado del borde superior de su elemento padre Valor inicial: |
vertical-align ya sea | para alinear los elementos verticalmente Valor inicial: |
visibilidad bien | para ocultar elementos sin sacarlos del flujo del documento Valor inicial: |
espacio en blanco ya sea | para especificar cómo el espacio en blanco debe ser tratado Valor inicial: |
viudas un número entero o | para especificar el número de líneas de un elemento puede aparecer solo en la parte superior de una página Valor inicial: 2; sólo puede aplicarse a elementos de nivel de bloque, heredado |
ancho ya sea una longitud, porcentaje, | para establecer el ancho de un elemento Valor inicial: |
word-spacing ya sea | para ajustar la distancia entre las palabras Valor inicial: |
z-index ya sea | para ajustar la profundidad de un elemento con respecto a los elementos superpuestos Valor inicial: |