CSS Manual de referencia

Note El manual de referencia CSS de Ejemplo ha sido probado en todos los navegadores principales.

Propiedades CSS

Grupo de propiedades CSS:

La columna "CSS" indica en qué versión de CSS se definió la propiedad (CSS1, CSS2 o CSS3).

Propiedades de animación

Propiedad	Descripción	CSS
@keyframes	Define una animación; el nombre de la animación definido por @keyframes es utilizado por animation-name.	3
animation	Propiedad compuesta. Recupera o establece el efecto de animación aplicado al objeto.	3
animation-name	Recupera o establece el nombre de la animación aplicada al objeto; debe usarse junto con la regla @keyframes, ya que el nombre de la animación es definido por @keyframes.	3
animation-duration	Recupera o establece la duración de la animación del objeto.	3
animation-timing-function	Recupera o establece el tipo de transición de la animación del objeto.	3
animation-delay	Recupera o establece el tiempo de retardo de la animación del objeto.	3
animation-iteration-count	Recupera o establece el número de veces que se repite la animación del objeto.	3
animation-direction	Recupera o establece si la animación del objeto se reproduce en sentido inverso en los ciclos.	3
animation-play-state	Recupera o establece el estado de la animación del objeto.	3

Propiedades de fondo

Propiedad	Descripción	CSS
background	Propiedad compuesta. Establece las características de fondo del objeto.	1
background-attachment	Establece o recupera si la imagen de fondo se desplaza con el contenido del objeto o es fija. Primero debe especificarse la propiedad background-image.	1
background-color	Establece o recupera el color de fondo del objeto.	1
background-image	Establece o recupera la imagen de fondo del objeto.	1
background-position	Establece o recupera la posición de la imagen de fondo del objeto. Primero debe especificarse la propiedad background-image.	1
background-repeat	Establece o recupera cómo se repite y rellena la imagen de fondo del objeto. Primero debe especificarse la propiedad background-image.	1
background-clip	Especifica el área de recorte hacia el exterior de la imagen de fondo del objeto.	3
background-origin	Establece o recupera el origen de referencia (posición) de la imagen de fondo del objeto al calcular background-position.	3
background-size	Recupera o establece el tamaño de la imagen de fondo del objeto.	3

Propiedades de borde (Border) y contorno (Outline)

Propiedad	Descripción	CSS
border	Propiedad compuesta. Establece las características del borde del objeto.	1
border-bottom	Propiedad compuesta. Establece las características del borde inferior del objeto.	1
border-bottom-color	Establece o recupera el color del borde inferior del objeto.	1
border-bottom-style	Establece o recupera el estilo del borde inferior del objeto.	1
border-bottom-width	Establece o recupera el ancho del borde inferior del objeto.	1
border-color	Establece o recupera el color del borde del objeto.	1
border-left	Propiedad compuesta. Establece las características del borde izquierdo del objeto.	1
border-left-color	Establece o recupera el color del borde izquierdo del objeto.	1
border-left-style	Establece o recupera el estilo del borde izquierdo del objeto.	1
border-left-width	Establece o recupera el ancho del borde izquierdo del objeto.	1
border-right	Propiedad compuesta. Establece las características del borde derecho del objeto.	1
border-right-color	Establece o recupera el color del borde derecho del objeto.	1
border-right-style	Establece o recupera el estilo del borde derecho del objeto.	1
border-right-width	Establece o recupera el ancho del borde derecho del objeto.	1
border-style	Establece o recupera el estilo del borde del objeto.	1
border-top	Propiedad compuesta. Establece las características del borde superior del objeto.	1
border-top-color	Establece o recupera el color del borde superior del objeto.	1
border-top-style	Establece o recupera el estilo del borde superior del objeto.	1
border-top-width	Establece o recupera el ancho del borde superior del objeto.	1
border-width	Establece o recupera el ancho del borde del objeto.	1
outline	Propiedad compuesta. Establece o recupera el contorno de línea fuera del objeto.	2
outline-color	Establece o recupera el color del contorno de línea fuera del objeto.	2
outline-style	Establece o recupera el estilo del contorno de línea fuera del objeto.	2
outline-width	Establece o recupera el ancho del contorno de línea fuera del objeto.	2
border-bottom-left-radius	Establece o recupera el borde redondeado de la esquina inferior izquierda del objeto. Acepta dos parámetros separados por un espacio; cada parámetro permite establecer un valor. El primer parámetro indica el radio horizontal, el segundo el radio vertical. Si el segundo parámetro se omite, por defecto es igual al primero.	3
border-bottom-right-radius	Establece o recupera el borde redondeado de la esquina inferior derecha del objeto.	3
border-image	Establece o recupera el estilo de borde del objeto que se rellena con una imagen.	3
border-image-outset	Especifica la cantidad en que la imagen del borde sobresale del borde.	3
border-image-repeat	Especifica si la imagen del borde debe repetirse (repeated), estirarse (stretched) o redondearse (rounded).	3
border-image-slice	Especifica el desplazamiento hacia dentro de la imagen del borde.	3
border-image-source	Especifica la imagen que se usará en lugar del estilo de borde establecido por la propiedad border-style.	3
border-image-width	Especifica el ancho de la imagen del borde.	3
border-radius	Establece o recupera los bordes redondeados del objeto.	3
border-top-left-radius	Define la forma del borde de la esquina superior izquierda.	3
border-top-right-radius	Define la forma del borde de la esquina superior derecha.	3
box-decoration-break	Especifica el ajuste de línea de los elementos en línea.	3
box-shadow	Agrega una o más sombras a la caja.	3

Propiedades de caja (Box)

Propiedad	Descripción	CSS
overflow-x	Si el contenido desborda el área de contenido del elemento, especifica si se recortan los bordes izquierdo/derecho del contenido.	3
overflow-y	Si el contenido desborda el área de contenido del elemento, especifica si se recortan los bordes superior/inferior del contenido.	3
overflow-style	Especifica el método de desplazamiento preferido para el contenido que desborda el elemento.	3
rotation	Rota el elemento alrededor del punto definido por la propiedad rotation-point.	3
rotation-point	Define el punto de desplazamiento desde el borde superior izquierdo.	3

Propiedades de color (Color)

Propiedad	Descripción	CSS
color-profile	Permite usar especificaciones distintas al perfil de color predeterminado de la fuente.	3
opacity	Establece el nivel de transparencia de un elemento.	3
rendering-intent	Permite otras especificaciones más allá de la intención de renderizado del perfil de color predeterminado.	3

Propiedades de relleno (Padding)

Propiedad	Descripción	CSS
padding	Establece todas las propiedades de relleno en una declaración.	1
padding-bottom	Establece el relleno inferior del elemento.	1
padding-left	Establece el relleno izquierdo del elemento.	1
padding-right	Establece el relleno derecho del elemento.	1
padding-top	Establece el relleno superior del elemento.	1

Propiedades de contenido para medios de página

Propiedad	Descripción	CSS
bookmark-label	Especifica la etiqueta del marcador.	3
bookmark-level	Especifica el nivel del marcador.	3
bookmark-target	Especifica el destino del enlace del marcador.	3
float-offset	Empuja los elementos flotantes en la dirección opuesta, manteniéndolos flotantes.	3
hyphenate-after	Especifica el número mínimo de caracteres después del guion de separación de una palabra.	3
hyphenate-before	Especifica el número mínimo de caracteres antes del guion de separación de una palabra.	3
hyphenate-character	Especifica la cadena que se muestra cuando se produce una separación de palabra.	3
hyphenate-lines	Indica el número máximo de líneas consecutivas con guiones en un elemento.	3
hyphenate-resource	Especifica una lista separada por comas de recursos externos que pueden ayudar a determinar los puntos de separación de palabras del navegador.	3
hyphens	Establece cómo dividir palabras para mejorar el diseño del párrafo.	3
image-resolution	Especifica la resolución correcta de la imagen.	3
marks	Agrega marcas de corte (crop) y/o cruces (cross) al documento.	3
string-set		3

Propiedades de dimensiones (Dimension)

Propiedad	Descripción	CSS
height	Establece la altura del elemento.	1
max-height	Establece la altura máxima del elemento.	2
max-width	Establece el ancho máximo del elemento.	2
min-height	Establece la altura mínima del elemento.	2
min-width	Establece el ancho mínimo del elemento.	2
width	Establece el ancho del elemento.	1

Propiedades del modelo de caja flexible (Flexible Box) (nuevo)

Propiedad	Descripción	CSS
flex	Propiedad compuesta. Establece o recupera cómo se distribuye el espacio entre los elementos secundarios del objeto del modelo de caja flexible.	3
flex-grow	Establece o recupera la proporción de expansión de la caja flexible.	3
flex-shrink	Establece o recupera la proporción de contracción de la caja flexible.	3
flex-basis	Establece o recupera el valor base de la caja flexible.	3
flex-flow	Propiedad compuesta. Establece o recupera la forma en que se organizan los elementos secundarios del objeto del modelo de caja flexible.	3
flex-direction	Esta propiedad determina la posición de los elementos flex dentro del contenedor flex definiendo la dirección del eje principal del contenedor flex.	3
flex-wrap	Esta propiedad controla si el contenedor flex es de una o varias líneas, y la dirección del eje transversal determina la dirección en la que se apilan las nuevas líneas.	3
align-content	Alinea los elementos dentro del contenedor flexible cuando no ocupan todo el espacio disponible en el eje transversal.	3
align-items	Define la alineación de los elementos flex en la dirección del eje transversal (eje vertical) de la línea actual del contenedor flex.	3
align-self	Define la alineación de los elementos flex individualmente en la dirección del eje transversal (eje vertical).	3
justify-content	Establece o recupera la alineación de los elementos del contenedor flexible en la dirección del eje principal (eje horizontal).	3
order	Establece o recupera el orden en que aparecen los elementos secundarios del modelo de caja flexible.	3

Propiedades del modelo de caja flexible (antiguas)

Propiedades	Descripción	CSS
box-align	Especifica cómo alinear los elementos secundarios de una caja.	3
box-direction	Especifica en qué dirección se muestran los elementos secundarios de una caja.	3
box-flex	Especifica si los elementos secundarios de una caja son de tamaño flexible o fijo.	3
box-flex-group	Asigna elementos flexibles a grupos Flex.	3
box-lines	Especifica si se ajusta a una nueva línea o columna cuando se agota el espacio en la caja principal.	3
box-ordinal-group	Especifica el orden de visualización de los elementos secundarios de una caja.	3
box-orient	Especifica si los elementos secundarios de una caja deben colocarse en dirección horizontal o vertical.	3
box-pack	Especifica la posición horizontal y vertical de una caja horizontal dentro de una caja vertical.	3

Propiedades de fuente (Font)

Propiedades	Descripción	CSS
font	Establece todas las propiedades de fuente en una sola declaración.	1
font-family	Especifica la familia de fuentes del texto.	1
font-size	Especifica el tamaño de la fuente del texto.	1
font-style	Especifica el estilo de la fuente del texto.	1
font-variant	Especifica el estilo de la fuente del texto.	1
font-weight	Especifica el grosor de la fuente.	1
@font-face	Una regla que permite a los sitios web descargar y usar fuentes más allá de las fuentes 'Web-safe' (seguras para la web).	3
font-size-adjust	Especifica un valor de aspect (relación de aspecto) para un elemento.	3
font-stretch	Contrae o estira la familia de fuentes actual.	3

Propiedades de contenido generado

Propiedades	Descripción	CSS
content	Se utiliza junto con los pseudo-elementos :before y :after para insertar contenido generado.	2
counter-increment	Incrementa o decrementa uno o más contadores.	2
counter-reset	Crea o restablece uno o más contadores.	2
quotes	Establece el tipo de comillas para citas anidadas.	2
crop	Permite que los elementos reemplazados sean solo un objeto en lugar del área rectangular del objeto completo.	3
move-to	Elimina un elemento del flujo y luego lo vuelve a insertar en un punto posterior del documento.	3
page-policy	Determina el valor de cadena de un contador aplicable a un elemento dado según la página.	3

Propiedades de cuadrícula (Grid)

Propiedades	Descripción	CSS
grid-column	Establece las posiciones de inicio y fin de las columnas de un elemento de cuadrícula.	3
grid-row	Establece las posiciones de inicio y fin de las filas de un elemento de cuadrícula.	3

Propiedades de hipervínculo

Propiedades	Descripción	CSS
target	Propiedad abreviada para establecer las propiedades target-name, target-new y target-position.	3
target-name	Especifica dónde abrir el enlace (posición del destino).	3
target-new	Especifica si un enlace de destino nuevo abre una ventana nueva o una pestaña nueva en una ventana existente.	3
target-position	Especifica dónde se debe colocar el nuevo enlace de destino.	3

Propiedades de la caja de línea (Linebox)

Propiedades	Descripción	CSS
alignment-adjust	Permite una alineación más precisa de los elementos.	3
alignment-baseline	Especifica cómo se alinean los elementos de nivel en línea respecto a su contenedor padre.	3
baseline-shift	Permite reposicionar la línea base dominante en relación con la línea base dominante.	3
dominant-baseline	Especifica la tabla de líneas base escalada (scaled-baseline-table).	3
drop-initial-after-adjust	Establece el punto de alineación inicial del punto de conexión principal de la letra capitular.	3
drop-initial-after-align	Alinea la línea inicial dentro de la caja de línea con el punto de conexión principal de la caja que contiene la letra inicial.	3
drop-initial-before-adjust	Establece el punto de alineación inicial del punto de conexión secundario de la letra capitular.	3
drop-initial-before-align	Alinea la línea inicial dentro de la caja de línea con el punto de conexión secundario de la caja que contiene la letra inicial.	3
drop-initial-size	Controla el hundimiento de la letra capital local.	3
drop-initial-value	Activa un efecto inicial de letra capitular (drop cap).	3
inline-box-align	Establece la alineación de las líneas dentro de un bloque en línea de varias líneas con los elementos en línea anterior y siguiente.	3
line-stacking	Una propiedad abreviada que establece las propiedades line-stacking-strategy, line-stacking-ruby y line-stacking-shift.	3
line-stacking-ruby	Establece el método de apilamiento para líneas que contienen elementos de anotación Ruby en elementos de bloque.	3
line-stacking-shift	Establece el método de apilamiento para líneas que contienen elementos con base-shift (desplazamiento de base) en elementos de bloque.	3
line-stacking-strategy	Establece el método de apilamiento para las cajas de línea apiladas dentro de los elementos de bloque que las contienen.	3
text-height	Establece la dimensión de progresión de bloque del área de contenido de texto de una caja en línea.	3

Propiedades de lista

Propiedades	Descripción	CSS
list-style	Establece todas las propiedades de lista en una sola declaración.	1
list-style-image	Establece una imagen como marcador del elemento de lista.	1
list-style-position	Establece la posición del marcador del elemento de lista.	1
list-style-type	Establece el tipo de marcador del elemento de lista.	1

Propiedades de margen exterior (Margin)

Propiedades	Descripción	CSS
margin	Establece todas las propiedades de margen en una sola declaración.	1
margin-bottom	Establece el margen exterior inferior de un elemento.	1
margin-left	Establece el margen exterior izquierdo de un elemento.	1
margin-right	Establece el margen exterior derecho de un elemento.	1
margin-top	Establece el margen exterior superior de un elemento.	1

Propiedades de marquesina (Marquee)

Propiedades	Descripción	CSS
marquee-direction	Establece la dirección del movimiento del contenido.	3
marquee-play-count	Establece cuántas veces se mueve el contenido.	3
marquee-speed	Establece qué tan rápido se desplaza el contenido.	3
marquee-style	Establece el estilo del movimiento del contenido.	3

Propiedades de multi-columna

Propiedades	Descripción	CSS
column-count	Especifica el número de columnas en que un elemento debe dividirse.	3
column-fill	Especifica cómo se rellenan las columnas.	3
column-gap	Especifica la separación (espacio) entre columnas.	3
column-rule	Propiedad abreviada para establecer todas las propiedades column-rule-*.	3
column-rule-color	Especifica el color de la regla entre columnas.	3
column-rule-style	Especifica el estilo de la regla entre columnas.	3
column-rule-width	Especifica el ancho de la regla entre columnas.	3
column-span	Especifica cuántas columnas debe abarcar un elemento.	3
column-width	Especifica el ancho de las columnas.	3
columns	Propiedad abreviada que establece el ancho y el número de columnas.	3

Propiedades de medios paginados (Paged Media)

Propiedades	Descripción	CSS
fit	Si sus atributos de ancho y alto no son auto, da una pista sobre cómo escalar los elementos reemplazados.	3
fit-position	Determina la alineación de los objetos dentro de la caja.	3
image-orientation	Especifica la rotación en sentido horario o hacia la derecha que el agente de usuario aplica a una imagen.	3
page	Especifica el tipo específico de página en que se debe mostrar un elemento.	3
size	Especifica el tamaño y la orientación de la página que contiene la caja (BOX).	3

Propiedades de posicionamiento

Propiedades	Descripción	CSS
bottom	Establece el desplazamiento entre el borde del margen exterior inferior de un elemento posicionado y el borde inferior de su bloque contenedor.	2
clear	Especifica en qué lado de un elemento no se permiten otros elementos flotantes.	1
clip	Recorta un elemento con posicionamiento absoluto.	2
cursor	Especifica el tipo (forma) de cursor que se mostrará.	2
display	Especifica el tipo de caja que debe generar un elemento.	1
float	Especifica si una caja debe flotar.	1
left	Establece el desplazamiento entre el borde del margen exterior izquierdo de un elemento posicionado y el borde izquierdo de su bloque contenedor.	2
overflow	Especifica qué sucede cuando el contenido desborda la caja de un elemento.	2
position	Especifica el tipo de posicionamiento de un elemento.	2
right	Establece el desplazamiento entre el borde del margen exterior derecho de un elemento posicionado y el borde derecho de su bloque contenedor.	2
top	Establece el desplazamiento entre el borde del margen exterior superior de un elemento posicionado y el borde superior de su bloque contenedor.	2
visibility	Especifica si un elemento es visible.	2
z-index	Establece el orden de apilamiento de un elemento.	2

Propiedades de paginación (Print)

Propiedades	Descripción	CSS
orphans	Establece el número mínimo de líneas que deben conservarse en la parte inferior de una página cuando se produce un salto de página dentro de un elemento.	2
page-break-after	Establece el comportamiento de salto de página después de un elemento.	2
page-break-before	Establece el comportamiento de salto de página antes de un elemento.	2
page-break-inside	Establece el comportamiento de salto de página dentro de un elemento.	2
widows	Establece el número mínimo de líneas que deben conservarse en la parte superior de una página cuando se produce un salto de página dentro de un elemento.	2

Propiedades Ruby

Propiedades	Descripción	CSS
ruby-align	Controla la alineación del texto del Ruby y el contenido base del Ruby en relación entre sí.	3
ruby-overhang	Cuando el texto Ruby excede el ancho base del Ruby, determina si el texto Ruby puede sobresalir parcialmente sobre cualquier texto adyacente, además de su propia base.	3
ruby-position	Su base controla la posición del texto Ruby.	3
ruby-span	Controla el comportamiento de expansión (span) del elemento de anotación.	3

Propiedades de voz (Speech)

Propiedades	Descripción	CSS
mark	Propiedad abreviada que establece las propiedades mark-before y mark-after.	3
mark-after	Permite que marcadores con nombre se conecten al flujo de audio.	3
mark-before	Permite que marcadores con nombre se conecten al flujo de audio.	3
phonemes	Especifica una pronunciación fonética para el elemento correspondiente que contiene el texto.	3
rest	Una propiedad abreviada que establece las propiedades rest-before y rest-after.	3
rest-after	Después de que se pronuncie el contenido de un elemento, especifica si se debe hacer una pausa u observar un límite de prosodia.	3
rest-before	Antes de que se pronuncie el contenido de un elemento, especifica si se debe hacer una pausa u observar un límite de prosodia.	3
voice-balance	Especifica el equilibrio entre los canales izquierdo y derecho.	3
voice-duration	Especifica el tiempo que debe tomar presentar el contenido del elemento seleccionado.	3
voice-pitch	Especifica el tono (frecuencia) promedio de la voz al hablar.	3
voice-pitch-range	Especifica la variación del tono promedio.	3
voice-rate	Controlar la velocidad del habla	3
voice-stress	Indicar el nivel de énfasis	3
voice-volume	La síntesis de voz se refiere a la amplitud de salida de la forma de onda	3

Propiedades de tabla (Table)

Propiedad	Descripción	CSS
border-collapse	Especifica si se colapsan los bordes de la tabla	2
border-spacing	Especifica la distancia entre los bordes de las celdas adyacentes	2
caption-side	Especifica la posición del título de la tabla	2
empty-cells	Especifica si se muestran los bordes y el fondo en las celdas vacías de la tabla	2
table-layout	Establece el algoritmo de diseño utilizado para la tabla	2

Propiedades de texto (Text)

Propiedad	Descripción	CSS
color	Establece el color del texto	1
direction	Especifica la dirección del texto / dirección de escritura	2
letter-spacing	Establece el espaciado entre caracteres	1
line-height	Establece la altura de línea	1
text-align	Especifica la alineación horizontal del texto	1
text-decoration	Especifica los efectos decorativos añadidos al texto	1
text-indent	Especifica la sangría de la primera línea de un bloque de texto	1
text-transform	Controla el uso de mayúsculas y minúsculas en el texto	1
unicode-bidi		2
vertical-align	Establece la alineación vertical del elemento	1
white-space	Establece cómo manejar los espacios en blanco dentro de un elemento	1
word-spacing	Establece el espaciado entre palabras	1
text-emphasis	Aplica marcas de énfasis al texto de un elemento, así como el color de primer plano de dichas marcas.	1
hanging-punctuation	Especifica si un signo de puntuación puede colocarse fuera de la caja de línea	3
punctuation-trim	Especifica si un signo de puntuación debe recortarse	3
text-align-last	La alineación de la última línea cuando text-align se establece en justify.	3
text-justify	Especifica el método de justificación cuando text-align se establece en justify.	3
text-outline	Establece el contorno del texto.	3
text-overflow	Especifica qué debe suceder cuando el texto desborda el elemento que lo contiene	3
text-shadow	Añade una sombra al texto	3
text-wrap	Especifica las reglas de ajuste de línea del texto	3
word-break	Especifica las reglas de salto de línea para texto no CJK	3
word-wrap	Establece si el navegador divide palabras demasiado largas para que quepan en la línea.	3

Propiedades de transformación 2D/3D

Propiedad	Descripción	CSS
transform	Se aplica a elementos con transformación 2D o 3D	3
transform-origin	Le permite cambiar la posición del elemento transformado	3
transform-style	Especifica cómo se anidan los elementos en el espacio 3D	3
perspective	Especifica cómo se ven los elementos 3D en perspectiva	3
perspective-origin	Especifica la posición inferior de los elementos 3D	3
backface-visibility	Define si un elemento debe ser visible cuando no está orientado hacia la pantalla	3

Propiedades de transición (Transition)

Propiedad	Descripción	CSS
transition	Esta propiedad es la forma abreviada de transition-property, transition-duration, transition-timing-function y transition-delay.	3
transition-property	Establece las propiedades CSS utilizadas para la transición.	3
transition-duration	Establece la duración de la transición.	3
transition-timing-function	Establece la función de temporización de la transición.	3
transition-delay	Especifica el tiempo en que comienza la transición.	3

Propiedades de interfaz de usuario (User-interface)

Propiedad	Descripción	CSS
appearance	Define el estilo de apariencia de un elemento	3
box-sizing	Le permite definir ciertos elementos de una manera determinada para que se adapten al área	3
icon	Especifica un icono para el elemento	3
nav-down	Especifica la posición a la que se navega hacia abajo cuando el usuario presiona la tecla de flecha hacia abajo	3
nav-index	Especifica el orden de navegación (tab).	3
nav-left	Especifica la posición a la que se navega hacia la izquierda cuando el usuario presiona la tecla de flecha izquierda	3
nav-right	Especifica la posición a la que se navega hacia la derecha cuando el usuario presiona la tecla de flecha derecha	3
nav-up	Especifica la posición a la que se navega hacia arriba cuando el usuario presiona la tecla de flecha hacia arriba	3
outline-offset	Establece el desplazamiento del contorno (outline) fuera del borde (border)	3
resize	Define si el elemento puede cambiar de tamaño	3

Otras extensiones

CSSPropiedades

CSS Manual de referencia

Propiedades CSS

Grupo de propiedades CSS: