Propiedades y Valores de CSS: Tabla Completa

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 / ValoresDescripción y Notas

background

Cualquier combinación de los valores de background-attachment, background-color, background-image, background-repeat, y/o background-position, o inherit

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

scroll, fixed o inherit

Para determinar si y cómo las imágenes de fondo deben desplazarse.

Valor inicial: scroll; no se hereda.

background-color

Un color, transparent, o inherit

Para establecer sólo el color de fondo de un elemento.

Valor inicial: transparent; no se hereda.

background-image

Una URL, none, o inherit

Para establecer sólo la imagen de fondo de un elemento.

Valor inicial: none; no se hereda.

background-position

Uno o dos porcentajes o longitudes (o un porcentaje y una longitud) o uno de top, center o bottom, y/o uno de left, center o right. O utilice inherit.

Para ajustar la posición física de una imagen de fondo especificada.

Valor inicial: 0% 0%; si un porcentaje único se establece, se utiliza para la posición horizontal y el valor inicial de la vertical se establece en 50%; si sólo una palabra clave se utiliza, el valor inicial de la otra es center; se aplica a nivel de bloque y elementos reemplazados; no se hereda; los porcentajes se refieren al tamaño de la caja en sí.

background-repeat

Uno de repeat, repeat-x, repeat-y, no-repeat o inherit

Para determinar cómo y si las imágenes de fondo deberían ser de azulejos.

Valor inicial: repeat; no se hereda.

border

Cualquier combinación de los valores de border-width, border-style, y/o un color, o inherit

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, transparent, o inherit

Para establecer sólo el color del borde en uno o más lados de un elemento.

Valor inicial: el elemento color; no se hereda.

border-spacing

Una o dos longitudes o inherit

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: none, dotted, dashed, solid, double, groove, ridge, inset, outset, inherit

Para establecer sólo el estilo de un borde en uno o más lados de un elemento.

Valor inicial: none; no se hereda.

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 inherit.

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 inherit

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 none, dotted, dashed, solid, double, groove, ridge, inset, outset, o inherit

Para definir sólo el estilo de la frontera en un solo lado de un elemento.

Valor inicial: none; no se hereda.

border-top-width, border-right-width, border-bottom-width, border-left-width

Uno de thin, medium, thick o una longitud.

Para definir exactamente el ancho de la frontera en un solo lado de un elemento.

Valor inicial: medium; no se hereda.

border-width

Uno a cuatro de los siguientes valores: thin, medium, thick o una longitud.

Para definir la anchura del borde en uno o más lados de un elemento.

Valor inicial: medium; no se hereda.

clear

Uno de none, left, right, both, o inherit

Para mantener los elementos de flotación en uno o ambos lados de un elemento.

Valor inicial: none; sólo puede aplicarse a elementos de nivel de bloque; no se hereda.

bottom

Un porcentaje, longitud, auto, o inherit

Para ajustar la distancia que un elemento debe estar desplazado del borde inferior de su elemento padre.

Valor inicial: auto; no se hereda; los porcentajes se refieren a la altura del bloque de contención.

color

Un color o inherit

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 auto, crosshair, default, pointer, move, e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize, text, wait, help, una URL o inherit

Para establecer la forma del cursor.

Valor inicial: auto; heredado.

display

Uno de inline, block, list-item, none, inherit

Para determinar cómo y si un elemento debe mostrarse.

Valor inicial: inline; no se hereda.

float

Uno de left, right, none, inherit

Para la determinación de en qué lado de un elemento otros elementos se les permite flotar.

Valor inicial: none; no se puede aplicar a los elementos posicionados o contenido generado; no se hereda.

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 inherit

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 inherit

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 inherit

Para ajustar el tamaño del texto.

Valor inicial: medium; el valor computado es heredado; los porcentajes se refieren al tamaño de fuente del elemento padre.

font-style

normal, italic, oblique, o inherit

Para la fabricación de texto en cursiva.

Valor inicial: normal; heredado.

font-variant

normal, small-caps, o inherit

Para establecer el texto en mayúsculas.

Valor inicial: normal; heredado.

font-weight

normal, bold, bolder, lighter, 100, 200, 300, 400, 500, 600, 700, 800, 900, o inherit

Para aplicar, quitar y ajustar el formato de negrita.

Valor inicial: normal; los valores numéricos se consideran palabras clave y no enteros (no se puede elegir 150, por ejemplo); heredado.

height

Una longitud, porcentaje, auto, o inherit

Para ajustar la altura de un elemento.

Valor inicial: auto; puede ser aplicado a todos los elementos excepto los no sustituyen los elementos en línea, las columnas de la tabla, y grupos de columnas; no se hereda.

left

Una longitud, porcentaje, auto, o inherit

Para ajustar la distancia que un elemento debe estar desplazado del borde izquierdo de su elemento padre.

Valor inicial: auto; sólo se puede aplicar a los elementos posicionados; no se hereda; los porcentajes se refieren al ancho del bloque de contención.

letter-spacing

normal, una longitud, o inherit

Para ajustar la cantidad de espacio entre las letras.

Valor inicial: normal; heredado.

line-height

normal, un número, una longitud, un porcentaje, o inherit

Para establecer la cantidad de espacio entre líneas de texto.

Valor inicial: normal; heredado; porcentajes se refieren al tamaño de fuente del propio elemento.

list-style

Cualquier combinación de los valores de list-style-type, list-style-position y/o list-style-image, o utilizar inherit

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, none, o inherit

Para designar un marcador personalizado para una lista.

Valor inicial: none; sólo puede aplicarse a elementos de la lista; las anulaciones list-style-type; heredado.

list-style-position

inside, outside o inherit

Para determinar la posición de marcador de una lista de.

Valor inicial: outside; sólo se puede aplicar a la lista de elementos; heredado.

list-style-type

disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none, o inherit

Para establecer una lista de marcador.

Valor inicial: disc; sólo se puede aplicar a elementos de la lista; no se utiliza si list-style-type es válido; heredado.

margin

Uno a cuatro de las siguientes: longitud, porcentaje o auto, o inherit

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 width; no se hereda; los porcentajes se refieren al ancho del bloque de contención.

margin-top, margin-right, margin-bottom, margin-left

Una longitud, porcentaje, auto, o inherit

Para establecer la cantidad de espacio entre un solo lado del borde de un elemento y su elemento padre.

Valor inicial: 0; no se hereda; los porcentajes se refieren al ancho del bloque de contención; los valores de margin-right y margin-left puede ser anulado si la suma de width, margin-right y margin-left son más grandes que el bloque que contiene elemento padre.

marks

crop, cross o ambos, o utilizar none o inherit

Para las marcas de recorte de impresión y/o marcas de cruz.

Valor inicial: ninguno; sólo se puede aplicar en una @page regla.

max-height, max-width

Una longitud, porcentaje, none, o inherit

Para establecer la máxima altura y/o anchura de un elemento, respectivamente.

Valor inicial: none; no se puede aplicar a elementos no reemplazados en línea o elementos de mesa; no se hereda; los porcentajes se refieren a la altura/anchura del bloque de contención.

min-height, min-width

Una longitud, porcentaje o inherit

Para establecer la altura mínima y/o la anchura de un elemento, respectivamente.

Valor inicial: 0; no se puede aplicar a elementos no reemplazados en línea o elementos de mesa; no se hereda; los porcentajes se refieren a la altura/anchura del bloque de contención.

orphans

Un número entero o inherit

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

visible, hidden, scroll, auto, o inherit

Para determinar que el contenido extra debe ir si no encaja en el área de contenido del elemento.

Valor inicial: visible; sólo se puede aplicar a nivel de bloque y elementos reemplazados; no se hereda.

padding

Desde una hasta cuatro longitudes o porcentajes, o inherit

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 inherit

Para especificar la distancia entre un lado del área de contenido de un elemento y su borde.

Valor inicial: 0; no se hereda; los porcentajes se refieren al ancho del bloque de contención.

page

Un área de la página Nombre o auto

Para especificar de qué tipo de página de un elemento se debe imprimir.

Valor inicial: auto; sólo puede aplicarse a elementos de nivel de bloque; heredado; los nombres se definen con @page regla.

page-break-after, page-break-before

o bien siempre , evitar , auto , derecho , izquierdo , o heredar

para especificar saltos de página cuando debe o no debe ocurrir

Valor inicial: auto , sólo puede aplicarse a elementos de nivel de bloque, no se hereda

page-break-inside

o bien evitar , auto , o heredar

para mantener los saltos de página de dividir un elemento a través de las páginas

Valor inicial: auto , sólo puede aplicarse a elementos de nivel de bloque, heredado

posición

ya sea estático , relativo , absoluto , fijo o heredar

para determinar cómo un elemento debe ser colocado con respecto al flujo del documento

Valor inicial: estática ; no se puede aplicar a contenido generado; no heredado

derecho

ya sea una longitud, porcentaje, auto , o heredar

para ajustar la distancia que un elemento debe estar desplazado del borde derecho de su elemento padre

Valor inicial: auto , sólo se puede aplicar a los elementos posicionados, no se hereda, los porcentajes se refieren al ancho del bloque de contención

tamaño

ya sea longitudes individuales de anchura y altura, un valor único para la anchura y la altura, paisaje , retrato , auto , o heredar .

para la determinación del tamaño del área de impresión en una página definida

Valor inicial: auto , y sólo se puede utilizar dentro de una página @ regla

tabla-display

una de auto fija, o heredar

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 izquierda , derecha , centro , justificar , una cadena, o heredar

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 subrayar , overline , line-through y blink , o ninguno oheredar

para el texto de decoración (sobre todo con las líneas)

Valor inicial: ninguno ; no se hereda

text-indent

ya sea una longitud, porcentaje o heredar

para ajustar la cantidad de espacio de la primera línea de un párrafo debe tener una sangría

Valor inicial: 0 , sólo se puede aplicar a los elementos a nivel de bloque, heredada; porcentajes se refieren al ancho del bloque de contención

text-transform

o bien capitalizar , mayúsculas , minúsculas , ninguno , o heredar

para el establecimiento de la capitalización de texto de un elemento

Valor inicial: ninguno ; heredado

top

ya sea una longitud, porcentaje, auto , o heredar

para ajustar la distancia que un elemento debe estar desplazado del borde superior de su elemento padre

Valor inicial: auto , sólo se puede aplicar a los elementos posicionados, no se hereda, los porcentajes se refieren a la altura del bloque de contención

vertical-align

ya sea de base , sub , super , top , text-top , medio , fondo , fondo de texto , un porcentaje, una longitud, o heredar

para alinear los elementos verticalmente

Valor inicial: línea de base , sólo se puede aplicar a nivel de línea y elementos de celda de tabla, no se hereda, los porcentajes se refieren al elemento del line-height propiedad

visibilidad

bien visible , oculto , colapso , o heredar

para ocultar elementos sin sacarlos del flujo del documento

Valor inicial: heredar , que más bien hace que el hecho de que no ha heredado un punto discutible

espacio en blanco

ya sea normales , pre , nowrap o heredar

para especificar cómo el espacio en blanco debe ser tratado

Valor inicial: normales , sólo puede aplicarse a elementos de nivel de bloque, heredado

viudas

un número entero o heredar

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, auto , o heredar

para establecer el ancho de un elemento

Valor inicial: auto , no se puede aplicar a elementos no reemplazados en línea, filas de tabla, fila o grupos, no se hereda, los porcentajes se refieren al ancho del bloque de contención

word-spacing

ya sea normales , una longitud, o heredar

para ajustar la distancia entre las palabras

Valor inicial: lo normal ; heredado

z-index

ya sea auto , un entero o heredar

para ajustar la profundidad de un elemento con respecto a los elementos superpuestos

Valor inicial: auto , sólo se puede aplicar a los elementos posicionados, no se hereda

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.