CSS 1, 2 y 3

Propiedades CSS
Propiedades de Animacin
Atributo

Descripcin

CSS Version

@keyframes

Especifica la animacin

animation

Una propiedad abreviada para todas las propiedades de animacin de abajo, excepto la propiedad de
animation-play-status

animation-name

Especifica un nombre para la animacin de @keyframes

animation-duration

Especifica cuntos segundos o milisegundos tarda una animacin en completar un ciclo

animation-timing-function

Especifica la curva de velocidad de la animacin

animation-delay

Especifica cuando la animacin se iniciar

animation-iteration-count

Especifica el nmero de veces que una animacin se debe reproducir

animation-direction

Especifica si la animacin se debe reproducir en ciclos opuestos o alternados

animation-play-state

Especifica si la animacin se est ejecutando o est en pausa

Propiedades de Fondo
Atributo

Descripcin

CSS Version

background

Establece todas las propiedades de fondo en una declaracin

background-attachment

Establece si la imagen de fondo se fija o se desplaza con el resto de la pgina

background-color

Establece el color de fondo de un element

background-image

Ajusta la imagen de fondo de un element

background-position

Establece la posicin inicial de una imagen de fondo

background-repeat

Establece cmo se repite una imagen de fondo

background-clip

Especifica el rea de pintura de fondo

background-origin

Especifica la zona de posicionamiento de las imgenes de fondo

background-size

Especifica el tamao de las imgenes de fondo

Propiedades de Limite y Contorno

Propiedad

Descripcin

CSS Version

border

Establece todas las propiedades de borde en una declaracin

border-bottom

Establece todas las propiedades del borde inferior de una declaracin

border-bottom-color

Establece el color del borde inferior

border-bottom-style

Establece el estilo del borde inferior

border-bottom-width

Establece la anchura del borde inferior

border-color

Establece el color de los cuatro bordes

border-left

Establece todas las propiedades del borde izquierdo de una declaracin

border-left-color

Establece el color del borde izquierdo

border-left-style

Establece el estilo del borde izquierdo

border-left-width

Establece la anchura del borde izquierdo

border-right

Establece todas las propiedades del borde derecho de una declaracin

border-right-color

Establece el color del borde derecho

border-right-style

Establece el estilo del borde derecho

border-right-width

Establece la anchura del borde derecho

border-style

Establece el estilo de los cuatro bordes

border-top

Establece todas las propiedades del borde superior de una declaracin

border-top-color

Establece el color del borde superior

border-top-style

Establece el estilo del borde superior

border-top-width

Establece la anchura del borde superior

border-width

Establece la anchura de los cuatro bordes

outline

Establece todas las propiedades de esquema en una declaracin

outline-color

Establece el color de un esquema

outline-style

Establece el estilo de un esquema

outline-width

Establece la anchura de un esquema

border-bottom-left-radius

Crea la forma del borde de la esquina inferior izquierda

border-bottom-right-radius Crea la forma del borde de la esquina inferior derecha

CSS 1, 2 y 3
Propiedades CSS
Propiedades de Limite y Contorno
Propiedad

Descripcin

CSS Version

border-image

Una propiedad abreviada para establecer todas las propiedades border-image-*

border-image-outset

Especifica la cantidad de rea de imagen del borde que se extiende ms all del borde de la caja

border-image-repeat

Especifica si la imagen del borde se debe repetir, redondear o extender

border-image-slice

Especifica los desplazamientos hacia el interior de la imagen del borde

border-image-source

Especifica una imagen que se utilizar como borde

border-image-width

Especifica la anchura de la imagen del borde

border-radius

Una propiedad abreviada para establecer las cuatro propiedades de border-*-radius

border-top-left-radius

Crea la forma del borde de la esquina superior izquierda

border-top-right-radius

Crea la forma del borde de la esquina superior derecha

box-decoration-break

Especifica si las cajas individuales son tratadas como pedazos de una caja continua, o si cada caja se
envuelve con el borde y el padding

box-shadow

Conecta uno o ms drop-shadows a la caja

Propiedades de Caja
Propiedad

Descripcin

CSS Version

overflow-x

Especifica si se recortan o no los bordes izquierdo/derecho del contenido, en el caso que excedan el rea del
contenido del element

overflow-y

Especifica si se recortan o no los bordes superior/inferior del contenido, en el caso que excedan el rea del
contenido del element

overflow-style

Especifica el mtodo de desplazamiento preferido para los elementos en exceso

rotation

Hace girar un element alrededor de un punto determinado, definido por la propiedad de rotation-point

rotation-point

Crea un punto de compensacin del borde superior de la esquina izquierda

Propiedades de Color
Propiedad

Descripcin

CSS Version

color-profile

Permite la especificacin de un perfil de color de origen distinto al predeterminado

opacity

Ajusta el nivel de opacidad de un element

rendering-intent

Permite la especificacin de un perfil de color de representacin distinta de la predeterminada

Propiedades de ProContent para Paged Media

Propiedad

Descripcin

CSS Version

bookmark-label

Especifica la etiqueta del enlace

bookmark-level

Especifica el nivel del enlace

bookmark-target

Especifica el destino del enlace favorito

float-offset

Empuja elementos floated en la direccin opuesta a la cual ellos han estado floated com float

hyphenate-after

Especifica el nmero mnimo de caracteres de una palabra con guin despus del guin

hyphenate-before

Especifica el nmero mnimo de caracteres de una palabra con guin antes del guin

hyphenate-character

Especifica una secuencia que se muestra cuando se produce una separacin silbica

hyphenate-lines

Indica el nmero mximo de lneas con guiones sucesivos en un element

hyphenate-resource

Especifica una lista, separada por comas, de los recursos externos que pueden ayudar al navegador a
determinar puntos de separacin

hyphens

Establece cmo dividir palabras para mejorar el diseo de los prrafos

image-resolution

Especifica la resolucin correcta de imgenes

marks

Aade marcas de corte y/o cruce al documento

CSS 1, 2 y 3
Propiedades CSS
Propiedades de Dimensin
Propiedad

Descripcin

CSS Version

height

Establece la altura de un element

max-height

Establece la altura mxima de un element

max-width

Establece la anchura mxima de un element

min-height

Establece la altura mnima de un element

min-width

Establece la anchura mnima de un element

width

Establece la anchura de un element

Propiedades Flexibles de Caja

Propiedad

Descripcin

CSS Version

box-align

Especifica cmo alinear los elementos derivados de una caja

box-direction

Especifica en qu direccin estn los derivados de una caja

box-flex

Especifica si los derivados de una caja son flexibles o inflexibles en tamao

box-flex-group

Seala elementos flexibles para flexionar los grupos

box-lines

Especifica si las columnas se van a una nueva lnea cada vez que la caja principal se queda sin espacio

box-ordinal-group

Especifica el orden de visualizacin de los elementos derivados de una caja

box-orient

Especifica si los derivados de una caja deben ser colocados de forma horizontal o vertical

box-pack

Especifica la posicin horizontal en cajas horizontales y la posicin vertical en cajas verticales

Propiedades de Fuente
Propiedad

Descripcin

CSS Version

font

Establece todas las propiedades de la fuente en una declaracin

font-family

Especifica la familia de la fuente para el texto

font-size

Especifica el tamao de la fuente del texto

font-style

Especifica el estilo de la fuente para el texto

font-variant

Especifica si el texto se debe mostrar en una fuente de letras versalita

font-weight

Especifica el peso de una fuente

@font-face

Una regla que permite a los sitios web descargar y utilizar fuentes distintas de las fuentes "seguras para la
Web"

font-size-adjust

Preserva la legibilidad del texto cuando ocurre un recurso de la fuente

font-stretch

Selecciona un lado normal, condensado o ampliado de una familia de fuente

Propiedades de Contenido Generado

Propiedad

Descripcin

CSS Version

content

Utilizado con los pseudo-elementos: before y: after, para insertar contenido generado

counter-increment

Incrementa uno o ms contadores

counter-reset

Crea o restaura uno o ms contadores

quotes

Establece el tipo de comillas para citas fijas

Permite que un element reemplazado sea solamente un rea rectangular de un objeto, en vez de todo el
objeto
Provoca que un element sea eliminado del flujo y que sea reinsertado posteriormente en el documento

crop
move-to
page-policy

Determina que ocurrencia, con base en la pgina de un determinado element, es aplicable a un contador o
valor secuencial

Propiedades de Cuadrcula
Propiedad

Descripcin

3
3
3

CSS Version

grid-columns

Especifica la anchura de cada columna en una cuadrcula

grid-rows

Especifica la altura de cada columna en una cuadrcula

CSS 1, 2 y 3
Propiedades CSS
Propiedades de Hyperlink
Propiedad

Descripcin

CSS Version

target

Una propiedad abreviada para establecer las propiedades de target-name, target-new y target-position

target-name

Especifica dnde abrir enlaces (punto de destino)

target-new

Especifica si los nuevos enlaces de destino se deben abrir en una nueva ventana o en una nueva pestaa de
una ventana ya existente

target-position

Especifica dnde los nuevos enlaces de destino deben ser colocados

Propiedades de Caja de Lnea

Propiedad

Descripcin

CSS Version

alignment-adjust

Permite la alineacin ms precisa de los elementos

alignment-baseline

Especifica como un element a nivel de lnea se alinea con respecto a su ascendente

baseline-shift

Permite el reposicionamiento de la lnea de base dominante con relacin a la lnea de base dominante

dominant-baseline

Especifica la scaled-baseline-table

drop-initial-after-adjust

Establece el punto de alienacin descendiente para el punto de conexin principal

drop-initial-after-align

Establece que alineacin de lnea dentro de la caja de lnea inicial se utiliza en el punto de conexin principal
con la caja inicial

drop-initial-before-adjust

Establece el punto de alineacin descendiente inicial para el punto de conexin secundaria

drop-initial-before-align

Establece que alineacin de lnea dentro de la caja de lnea inicial se utiliza en el punto de conexin
secundaria con la caja inicial

drop-initial-size

Controla el hundimiento parcial de la letra inicial

drop-initial-value

Activa un efecto de disminucin inicial

inline-box-align

Establece que lnea de un bloque de lnea de varias lneas se alinea con los elementos de una lnea anterior y
siguiente dentro de una lnea

line-stacking

Una propiedad abreviada para establecer las propiedades de line-stacking-strategy, line-stacking-ruby y linestacking-shift

line-stacking-ruby

Establece el mtodo de apilamiento de lnea para elementos de bloque que contienen elementos de anotacin
ruby

line-stacking-shift

Establece el mtodo de apilamiento de lnea para elementos de bloque que contienen elementos con baseshift

line-stacking-strategy

Establece la estrategia de apilamiento de lnea de cajas de lnea apiladas dentro de un element de bloque de
contencin

text-height

Define la dimensin de la progresin del bloque del rea de contenido de texto de una caja de lnea

Propiedades de Lista
Propiedad

Descripcin

CSS Version

list-style

Establece todas las propiedades de una lista en una declaracin

list-style-image

Especifica una imagen como list-item marker

list-style-position

Especifica si los list-item markers deben aparecer dentro o fuera del flujo del contenido

list-style-type

Especifica el tipo de list-item marker

Propiedades de Margen
Propiedad

Descripcin

CSS Version

margin

Establece todas las propiedades de margen en una declaracin

margin-bottom

Establece el margen inferior de un element

margin-left

Establece el margen izquierdo de un element

margin-right

Establece el margen derecho de un element

margin-top

Establece el margen superior de un element

CSS 1, 2 y 3
Propiedades CSS
Propiedades de Marquesina
Propiedad

Descripcin

CSS Version

marquee-direction

Establece la direccin de los contenidos en movimiento

marquee-play-count

Establece el nmero de veces que el contenido se mueve

marquee-speed

Ajusta la velocidad a que el contenido se desplaza

marquee-style

Establece el estilo del contenido en movimiento

Propiedades de Mltiplas Columnas

Propiedad

Descripcin

CSS Version

column-count

Especifica el nmero de columnas en las que un element se debe dividir

column-fill

Especifica cmo rellenar columnas

column-gap

Especifica el espacio entre columnas

column-rule

Una propiedad abreviada para establecer todas las propiedades de column-rule-*

column-rule-color

Especifica el color de la regla entre columnas

column-rule-style

Especifica el estilo de la regla entre columnas

column-rule-width

Especifica el ancho de la regla entre columnas

column-span

Especifica el nmero de columnas a lo largo de las que un element se debe extender

column-width

Especifica la anchura de las columnas

columns

Una propiedad abreviada para establecer la anchura de la columna y la columna de recuento

Propiedades de Padding
Propiedad

Descripcin

CSS Version

padding

Establece todas las propiedades de padding en una declaracin

padding-bottom

Establece el padding del margen inferior de un element

padding-left

Establece el padding del margen izquierdo de un element

padding-right

Establece el padding del margen derecho de un element

padding-top

Establece el padding superior de un element

Propiedades Paged Media

Propiedad

Descripcin

CSS Version

fit

Da una idea de cmo escalar un element reemplazado si su propiedad de anchura y de altura es automtica

fit-position

Determina la alineacin del objeto dentro de la caja

image-orientation

Especifica una rotacin en direccin derecha o de las agujas del reloj que un agente de usuario aplica a una
imagen

page

Especifica un tipo de pgina en la que se debe mostrar un element

size

Especifica el tamao y la orientacin de la caja contenedora para el contenido de la pgina

Propiedades de Posicionamiento
Propiedad

Descripcin

CSS Version

bottom

Especifica la posicin inferior de un element posicionado

clear

Especifica los lados de un element dnde no se permiten otros elementos floating

clip

Recorta un elemento con posicin absoluta

cursor

Especifica el tipo de cursor que se mostrar

display

Especifica cmo se debe mostrar un cierto element HTML

float

Especifica si una caja debe o no float

left

Especifica la posicin izquierda de un element posicionado

overflow

Especifica qu sucede si la caja de un element de contenido se desborda

position

Especifica el tipo de mtodo de posicionamiento utilizado para un element (esttica, relativa, absoluta o fija)

right

Especifica la posicin derecha de un element posicionado

top

Especifica la posicin superior de un element posicionado

visibility

Especifica si un element es o no visible

z-index

Establece el orden de apilamiento de un element posicionado

CSS 1, 2 y 3
Propiedades CSS
Propiedades de Impresin
Propiedad

Descripcin

CSS Version

orphans

Establece el nmero mnimo de lneas que debe dejarse en la parte inferior de una pgina cuando un salto de
pgina se produce dentro de un element

page-break-after

Establece el comportamiento de salto de pgina posterior al element

page-break-before

Establece el comportamiento de salto de pgina anterior al element

page-break-inside

Establece el comportamiento de salto de pgina en el interior del element

widows

Establece el nmero mnimo de lneas que debe dejarse en la parte superior de una pgina cuando un salto de
pgina se produce dentro de un element

Descripcin

CSS Version

Propiedades Ruby
Propiedad
ruby-align

Controla la alineacin de texto del texto Ruby y de los contenidos base Ruby con respecto uno al outro

ruby-overhang

Determina si, y de qu lado, el texto Ruby puede parcialmente sobresalir sobre cualquier texto adyacente
adems de su propia base

ruby-position

Controla la posicin del texto Ruby con respecto a su base

ruby-span

Controla el comportamiento expansivo de los elementos de anotacin

Propiedades de Discurso
Propiedad

Descripcin

CSS Version

mark

Una propiedad abreviada para establecer las propiedades anterior y posterior de marca

mark-after

Permite que los marcadores se unan a la secuencia de audio

mark-before

Permite que los marcadores se unan a la secuencia de audio

phonemes

Especifica una pronunciacin fontica para el texto que contiene el element correspondiente

rest

Una propiedad abreviada para establecer las propiedades anterior y posterior de descanso

rest-after

Especifica un descanso o lmite prosdico a observar despus de un element de contenido hablado

rest-before

Especifica un descanso o lmite prosdico a observar antes de un element de contenido hablado

voice-balance

Especifica el balance entre los canales izquierdo y derecho

voice-duration

Especifica cunto tiempo debe reproducir el contenido del element seleccionado

voice-pitch

Especifica el tono promedio (una frecuencia) de la voz que habla

voice-pitch-range

Especifica la variacin en el tono medio

voice-rate

Controla la velocidad de la voz

voice-stress

Indica la fuerza de nfasis que debe ser aplicada

voice-volume

Se refiere a la anchura de salida de la forma de onda por el sintetizador de habla

Propiedades de Tabla
Propiedad

Descripcin

CSS Version

border-collapse

Especifica si los bordes de tabla deben colapsar

border-spacing

Especifica la distancia entre los bordes de las celdas adyacentes

caption-side

Especifica la ubicacin de un ttulo de la tabla

empty-cells

Especifica si se muestra o no las fronteras y el fondo de las celdas vacas en una tabla

table-layout

Establece el algoritmo de diseo que se utilizar para una tabla

CSS 1, 2 y 3
Propiedades CSS
Propiedades de Texto
Propiedad

Descripcin

CSS Version

color

Establece el color del texto

direction

Especifica la direccin del texto/escrita

letter-spacing

Aumenta o disminuye el espacio entre caracteres en un texto

line-height

Establece la altura de la lnea

text-align

Especifica la alineacin horizontal del texto

text-decoration

Especifica la decoracin aadida al texto

text-indent

Especifica el margen adicional de la primera lnea de un bloque de texto

text-transform

Controla el tamao del texto

unicode-bidi

Se utiliza junto con la propiedad de direccin para establecer o devolver si el texto debe ser invalidado para
soportar mltiples idiomas en el mismo documento

vertical-align

Establece la alineacin vertical de un element

white-space

Especifica cmo se maneja un espacio en blanco dentro de un element

word-spacing

Aumenta o disminuye el espacio entre las palabras en un texto

hanging-punctuation

Especifica si un carcter de puntuacion puede ser colocado fuera de la caja de lnea

punctuation-trim

Especifica si un carcter de puntuacion debe ser recortado

text-align-last

Describe cmo se alinea la ltima lnea de un bloque o una lnea justo antes de un salto de lnea forzado
cuando el text-align es "justificado"

text-justify

Especifica el mtodo de justificacin utilizado cuando el text-align es "justificado"

text-outline

Especifica un esquema de texto

text-overflow

Especifica lo que debe ocurrir cuando el texto se desborda del element contenedor

text-shadow

Aade sombreado al texto

text-wrap

Especifica reglas de rotura de lnea para el texto

word-break

Especifica las reglas de salto de lnea para guiones que no CJK

word-wrap

Permite que palabras largas, irrompibles se rompan y pasen a la lnea siguiente

Propiedades de Transformacin 2D/3D

Propiedad

Descripcin

CSS Version

transform

Aplica una transformacin 2D o 3D a un element

transform-origin

Te permite cambiar la posicin de los elementos transformados

transform-style

Especifica cmo los elementos encajados se reproducen en el espacio 3D

perspective

Especifica la perspectiva de cmo se ven los elementos 3D

perspective-origin

Especifica la posicin inferior de elementos 3D

backface-visibility

Crea si un element debe o no ser visible cuando no est frente a la pantalla

Propiedades de Transicin
Propiedad

Descripcin

CSS Version

transition

Una propiedad abreviada para establecer las cuatro propiedades de transicin

transition-property

Especifica el nombre de la propiedad CSS de transicin para la que es el efecto

transition-duration

Especifica cuntos segundos o milisegundos necesita un efecto de transicin para que se complete

transition-timing-function

Especifica la curva de velocidad del efecto de transicin

transition-delay

Especifica cuando el efecto de transicin se iniciar

CSS 1, 2 y 3
Propiedades CSS
Propiedades de Interfaz de Usuario
Propiedad

Descripcin

CSS Version

appearance

Te permite hacer con que un element se parecezca con un element de la interfaz de usuario estndar

box-sizing

Le permite definir ciertos elementos para adaptarse de cierta manera a una zona

icon

Proporciona al autor la posibilidad de estilo de un element con una equivalente icnica

nav-down

Especifica dnde navegar utilizando la tecla de flecha hacia abajo de navegacin

nav-index

Especifica el orden de tabulacin para un element

nav-left

Especifica dnde navegar utilizando la tecla de flecha izquierda de navegacin

nav-right

Especifica dnde navegar utilizando la tecla de flecha derecha de navegacin

nav-up

Especifica dnde navegar utilizando la tecla de flecha hacia arriba de navegacin

outline-offset

Reproduce un esquema, y dibuja ms all del lmite del borde

resize

Especifica si el tamao de un element puede o no ser redimensionado por el usuario