CSS 1, 2 y 3 Propiedades CSS Propiedades de Animación Atributo
Descripción
CSS Version
@keyframes
Especifica la animación
3
animation
Una propiedad abreviada para todas las propiedades de animación de abajo, excepto la propiedad de animation-play-status
3
animation-name
Especifica un nombre para la animación de @keyframes
3
animation-duration
Especifica cuántos segundos o milisegundos tarda una animación en completar un ciclo
3
animation-timing-function
Especifica la curva de velocidad de la animación
3
animation-delay
Especifica cuando la animación se iniciará
3
animation-iteration-count
Especifica el número de veces que una animación se debe reproducir
3
animation-direction
Especifica si la animación se debe reproducir en ciclos opuestos o alternados
3
animation-play-state
Especifica si la animación se está ejecutando o está en pausa
3
Propiedades de Fondo Atributo
Descripción
CSS Version
background
Establece todas las propiedades de fondo en una declaración
1
background-attachment
Establece si la imagen de fondo se fija o se desplaza con el resto de la página
1
background-color
Establece el color de fondo de un element
1
background-image
Ajusta la imagen de fondo de un element
1
background-position
Establece la posición inicial de una imagen de fondo
1
background-repeat
Establece cómo se repite una imagen de fondo
1
background-clip
Especifica el área de pintura de fondo
3
background-origin
Especifica la zona de posicionamiento de las imágenes de fondo
3
background-size
Especifica el tamaño de las imágenes de fondo
3
Propiedades de Limite y Contorno Propiedad
Descripción
CSS Version
border
Establece todas las propiedades de borde en una declaración
border-bottom
Establece todas las propiedades del borde inferior de una declaración
1
border-bottom-color
Establece el color del borde inferior
1
border-bottom-style
Establece el estilo del borde inferior
1
border-bottom-width
Establece la anchura del borde inferior
1
border-color
Establece el color de los cuatro bordes
1
border-left
Establece todas las propiedades del borde izquierdo de una declaración
1
border-left-color
Establece el color del borde izquierdo
1
border-left-style
Establece el estilo del borde izquierdo
1
border-left-width
Establece la anchura del borde izquierdo
1
border-right
Establece todas las propiedades del borde derecho de una declaración
1
border-right-color
Establece el color del borde derecho
1
border-right-style
Establece el estilo del borde derecho
1
border-right-width
Establece la anchura del borde derecho
1
border-style
Establece el estilo de los cuatro bordes
1
border-top
Establece todas las propiedades del borde superior de una declaración
1
border-top-color
Establece el color del borde superior
1
border-top-style
Establece el estilo del borde superior
1
border-top-width
Establece la anchura del borde superior
1
border-width
Establece la anchura de los cuatro bordes
1
outline
Establece todas las propiedades de esquema en una declaración
2
outline-color
Establece el color de un esquema
2
outline-style
Establece el estilo de un esquema
2
outline-width
Establece la anchura de un esquema
2
border-bottom-left-radius
Crea la forma del borde de la esquina inferior izquierda
3
border-bottom-right-radius Crea la forma del borde de la esquina inferior derecha
1
3
1
CSS 1, 2 y 3 Propiedades CSS Propiedades de Limite y Contorno Propiedad
Descripción
CSS Version
border-image
Una propiedad abreviada para establecer todas las propiedades border-image-*
3
border-image-outset
Especifica la cantidad de área de imagen del borde que se extiende más allá del borde de la caja
3
border-image-repeat
Especifica si la imagen del borde se debe repetir, redondear o extender
3
border-image-slice
Especifica los desplazamientos hacia el interior de la imagen del borde
3
border-image-source
Especifica una imagen que se utilizará como borde
3
border-image-width
Especifica la anchura de la imagen del borde
3
border-radius
Una propiedad abreviada para establecer las cuatro propiedades de border-*-radius
3
border-top-left-radius
Crea la forma del borde de la esquina superior izquierda
3
border-top-right-radius
Crea la forma del borde de la esquina superior derecha
3
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
3
box-shadow
Conecta uno o más drop-shadows a la caja
3
Propiedades de Caja Propiedad
Descripción
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
3
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
3
overflow-style
Especifica el método de desplazamiento preferido para los elementos en exceso
3
rotation
Hace girar un element alrededor de un punto determinado, definido por la propiedad de rotation-point
3
rotation-point
Crea un punto de compensación del borde superior de la esquina izquierda
3
Propiedades de Color Propiedad
Descripción
CSS Version
color-profile
Permite la especificación de un perfil de color de origen distinto al predeterminado
3
opacity
Ajusta el nivel de opacidad de un element
3
rendering-intent
Permite la especificación de un perfil de color de representación distinta de la predeterminada
3
Propiedades de ProContent para Paged Media Propiedad
Descripción
CSS Version
bookmark-label
Especifica la etiqueta del enlace
3
bookmark-level
Especifica el nivel del enlace
3
bookmark-target
Especifica el destino del enlace favorito
3
float-offset
Empuja elementos floated en la dirección opuesta a la cual ellos han estado floated com float
3
hyphenate-after
Especifica el número mínimo de caracteres de una palabra con guión después del guión
3
hyphenate-before
Especifica el número mínimo de caracteres de una palabra con guión antes del guión
3
hyphenate-character
Especifica una secuencia que se muestra cuando se produce una separación silábica
3
hyphenate-lines
Indica el número máximo de líneas con guiones sucesivos en un element
3
hyphenate-resource
Especifica una lista, separada por comas, de los recursos externos que pueden ayudar al navegador a determinar puntos de separación
3
hyphens
Establece cómo dividir palabras para mejorar el diseño de los párrafos
3
image-resolution
Especifica la resolución correcta de imágenes
3
marks
Añade marcas de corte y/o cruce al documento
3
2
CSS 1, 2 y 3 Propiedades CSS Propiedades de Dimensión Propiedad
Descripción
CSS Version
height
Establece la altura de un element
1
max-height
Establece la altura máxima de un element
2
max-width
Establece la anchura máxima de un element
2
min-height
Establece la altura mínima de un element
2
min-width
Establece la anchura mínima de un element
2
width
Establece la anchura de un element
1
Propiedades Flexibles de Caja Propiedad
Descripción
CSS Version
box-align
Especifica cómo alinear los elementos derivados de una caja
3
box-direction
Especifica en qué dirección están los derivados de una caja
3
box-flex
Especifica si los derivados de una caja son flexibles o inflexibles en tamaño
3
box-flex-group
Señala elementos flexibles para flexionar los grupos
3
box-lines
Especifica si las columnas se van a una nueva línea cada vez que la caja principal se queda sin espacio
3
box-ordinal-group
Especifica el orden de visualización de los elementos derivados de una caja
3
box-orient
Especifica si los derivados de una caja deben ser colocados de forma horizontal o vertical
3
box-pack
Especifica la posición horizontal en cajas horizontales y la posición vertical en cajas verticales
3
Propiedades de Fuente Propiedad
Descripción
CSS Version
font
Establece todas las propiedades de la fuente en una declaración
1
font-family
Especifica la familia de la fuente para el texto
1
font-size
Especifica el tamaño de la fuente del texto
1
font-style
Especifica el estilo de la fuente para el texto
1
font-variant
Especifica si el texto se debe mostrar en una fuente de letras versalita
1
font-weight
Especifica el peso de una fuente
1
@font-face
Una regla que permite a los sitios web descargar y utilizar fuentes distintas de las fuentes "seguras para la Web"
3
font-size-adjust
Preserva la legibilidad del texto cuando ocurre un recurso de la fuente
3
font-stretch
Selecciona un lado normal, condensado o ampliado de una familia de fuente
3
Propiedades de Contenido Generado Propiedad
Descripción
CSS Version
content
Utilizado con los pseudo-elementos: before y: after, para insertar contenido generado
2
counter-increment
Incrementa uno o más contadores
2
counter-reset
Crea o restaura uno o más contadores
2
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
2
crop move-to page-policy
Determina que ocurrencia, con base en la página de un determinado element, es aplicable a un contador o valor secuencial
Propiedades de Cuadrícula Propiedad
Descripción
3 3 3
CSS Version
grid-columns
Especifica la anchura de cada columna en una cuadrícula
3
grid-rows
Especifica la altura de cada columna en una cuadrícula
3
3
CSS 1, 2 y 3 Propiedades CSS Propiedades de Hyperlink Propiedad
Descripción
CSS Version
target
Una propiedad abreviada para establecer las propiedades de target-name, target-new y target-position
3
target-name
Especifica dónde abrir enlaces (punto de destino)
3
target-new
Especifica si los nuevos enlaces de destino se deben abrir en una nueva ventana o en una nueva pestaña de una ventana ya existente
3
target-position
Especifica dónde los nuevos enlaces de destino deben ser colocados
3
Propiedades de Caja de Línea Propiedad
Descripción
CSS Version
alignment-adjust
Permite la alineación más precisa de los elementos
3
alignment-baseline
Especifica como un element a nivel de línea se alinea con respecto a su ascendente
3
baseline-shift
Permite el reposicionamiento de la línea de base dominante con relación a la línea de base dominante
3
dominant-baseline
Especifica la scaled-baseline-table
3
drop-initial-after-adjust
Establece el punto de alienación descendiente para el punto de conexión principal
3
drop-initial-after-align
Establece que alineación de línea dentro de la caja de línea inicial se utiliza en el punto de conexión principal con la caja inicial
3
drop-initial-before-adjust
Establece el punto de alineación descendiente inicial para el punto de conexión secundaria
3
drop-initial-before-align
Establece que alineación de línea dentro de la caja de línea inicial se utiliza en el punto de conexión secundaria con la caja inicial
3
drop-initial-size
Controla el hundimiento parcial de la letra inicial
3
drop-initial-value
Activa un efecto de disminución inicial
3
inline-box-align
Establece que línea de un bloque de línea de varias líneas se alinea con los elementos de una línea anterior y siguiente dentro de una línea
3
line-stacking
Una propiedad abreviada para establecer las propiedades de line-stacking-strategy, line-stacking-ruby y linestacking-shift
3
line-stacking-ruby
Establece el método de apilamiento de línea para elementos de bloque que contienen elementos de anotación ruby
3
line-stacking-shift
Establece el método de apilamiento de línea para elementos de bloque que contienen elementos con baseshift
3
line-stacking-strategy
Establece la estrategia de apilamiento de línea de cajas de línea apiladas dentro de un element de bloque de contención
3
text-height
Define la dimensión de la progresión del bloque del área de contenido de texto de una caja de línea
3
Propiedades de Lista Propiedad
Descripción
CSS Version
list-style
Establece todas las propiedades de una lista en una declaración
1
list-style-image
Especifica una imagen como list-item marker
1
list-style-position
Especifica si los list-item markers deben aparecer dentro o fuera del flujo del contenido
1
list-style-type
Especifica el tipo de list-item marker
1
Propiedades de Margen Propiedad
Descripción
CSS Version
margin
Establece todas las propiedades de margen en una declaración
1
margin-bottom
Establece el margen inferior de un element
1
margin-left
Establece el margen izquierdo de un element
1
margin-right
Establece el margen derecho de un element
1
margin-top
Establece el margen superior de un element
1
4
CSS 1, 2 y 3 Propiedades CSS Propiedades de Marquesina Propiedad
Descripción
CSS Version
marquee-direction
Establece la dirección de los contenidos en movimiento
3
marquee-play-count
Establece el número de veces que el contenido se mueve
3
marquee-speed
Ajusta la velocidad a que el contenido se desplaza
3
marquee-style
Establece el estilo del contenido en movimiento
3
Propiedades de Múltiplas Columnas Propiedad
Descripción
CSS Version
column-count
Especifica el número de columnas en las que un element se debe dividir
3
column-fill
Especifica cómo rellenar columnas
3
column-gap
Especifica el espacio entre columnas
3
column-rule
Una propiedad abreviada para establecer todas las propiedades de 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 el número de columnas a lo largo de las que un element se debe extender
3
column-width
Especifica la anchura de las columnas
3
columns
Una propiedad abreviada para establecer la anchura de la columna y la columna de recuento
3
Propiedades de Padding Propiedad
Descripción
CSS Version
padding
Establece todas las propiedades de padding en una declaración
1
padding-bottom
Establece el padding del margen inferior de un element
1
padding-left
Establece el padding del margen izquierdo de un element
1
padding-right
Establece el padding del margen derecho de un element
1
padding-top
Establece el padding superior de un element
1
Propiedades Paged Media Propiedad
Descripción
CSS Version
fit
Da una idea de cómo escalar un element reemplazado si su propiedad de anchura y de altura es automática
3
fit-position
Determina la alineación del objeto dentro de la caja
3
image-orientation
Especifica una rotación en dirección derecha o de las agujas del reloj que un agente de usuario aplica a una imagen
3
page
Especifica un tipo de página en la que se debe mostrar un element
3
size
Especifica el tamaño y la orientación de la caja contenedora para el contenido de la página
3
Propiedades de Posicionamiento Propiedad
Descripción
CSS Version
bottom
Especifica la posición inferior de un element posicionado
2
clear
Especifica los lados de un element dónde no se permiten otros elementos floating
1
clip
Recorta un elemento con posición absoluta
2
cursor
Especifica el tipo de cursor que se mostrará
2
display
Especifica cómo se debe mostrar un cierto element HTML
1
float
Especifica si una caja debe o no float
1
left
Especifica la posición izquierda de un element posicionado
2
overflow
Especifica qué sucede si la caja de un element de contenido se desborda
2
position
Especifica el tipo de método de posicionamiento utilizado para un element (estática, relativa, absoluta o fija)
2
right
Especifica la posición derecha de un element posicionado
2
top
Especifica la posición superior de un element posicionado
2
visibility
Especifica si un element es o no visible
2
z-index
Establece el orden de apilamiento de un element posicionado
2
5
CSS 1, 2 y 3 Propiedades CSS Propiedades de Impresión Propiedad
Descripción
CSS Version
orphans
Establece el número mínimo de líneas que debe dejarse en la parte inferior de una página cuando un salto de página se produce dentro de un element
2
page-break-after
Establece el comportamiento de salto de página posterior al element
2
page-break-before
Establece el comportamiento de salto de página anterior al element
2
page-break-inside
Establece el comportamiento de salto de página en el interior del element
2
widows
Establece el número mínimo de líneas que debe dejarse en la parte superior de una página cuando un salto de página se produce dentro de un element
2
Descripción
CSS Version
Propiedades Ruby Propiedad ruby-align
Controla la alineación de texto del texto Ruby y de los contenidos base Ruby con respecto uno al outro
3
ruby-overhang
Determina si, y de qué lado, el texto Ruby puede parcialmente sobresalir sobre cualquier texto adyacente además de su propia base
3
ruby-position
Controla la posición del texto Ruby con respecto a su base
3
ruby-span
Controla el comportamiento expansivo de los elementos de anotación
3
Propiedades de Discurso Propiedad
Descripción
CSS Version
mark
Una propiedad abreviada para establecer las propiedades anterior y posterior de marca
3
mark-after
Permite que los marcadores se unan a la secuencia de audio
3
mark-before
Permite que los marcadores se unan a la secuencia de audio
3
phonemes
Especifica una pronunciación fonética para el texto que contiene el element correspondiente
3
rest
Una propiedad abreviada para establecer las propiedades anterior y posterior de descanso
3
rest-after
Especifica un descanso o límite prosódico a observar después de un element de contenido hablado
3
rest-before
Especifica un descanso o límite prosódico a observar antes de un element de contenido hablado
3
voice-balance
Especifica el balance entre los canales izquierdo y derecho
3
voice-duration
Especifica cuánto tiempo debe reproducir el contenido del element seleccionado
3
voice-pitch
Especifica el tono promedio (una frecuencia) de la voz que habla
3
voice-pitch-range
Especifica la variación en el tono medio
3
voice-rate
Controla la velocidad de la voz
3
voice-stress
Indica la fuerza de énfasis que debe ser aplicada
3
voice-volume
Se refiere a la anchura de salida de la forma de onda por el sintetizador de habla
3
Propiedades de Tabla Propiedad
Descripción
CSS Version
border-collapse
Especifica si los bordes de tabla deben colapsar
2
border-spacing
Especifica la distancia entre los bordes de las celdas adyacentes
2
caption-side
Especifica la ubicación de un título de la tabla
2
empty-cells
Especifica si se muestra o no las fronteras y el fondo de las celdas vacías en una tabla
2
table-layout
Establece el algoritmo de diseño que se utilizará para una tabla
2
6
CSS 1, 2 y 3 Propiedades CSS Propiedades de Texto Propiedad
Descripción
CSS Version
color
Establece el color del texto
1
direction
Especifica la dirección del texto/escrita
2
letter-spacing
Aumenta o disminuye el espacio entre caracteres en un texto
1
line-height
Establece la altura de la línea
1
text-align
Especifica la alineación horizontal del texto
1
text-decoration
Especifica la decoración añadida al texto
1
text-indent
Especifica el margen adicional de la primera línea de un bloque de texto
1
text-transform
Controla el tamaño del texto
1
unicode-bidi
Se utiliza junto con la propiedad de dirección para establecer o devolver si el texto debe ser invalidado para soportar múltiples idiomas en el mismo documento
2
vertical-align
Establece la alineación vertical de un element
1
white-space
Especifica cómo se maneja un espacio en blanco dentro de un element
1
word-spacing
Aumenta o disminuye el espacio entre las palabras en un texto
1
hanging-punctuation
Especifica si un carácter de puntuacion puede ser colocado fuera de la caja de línea
3
punctuation-trim
Especifica si un carácter de puntuacion debe ser recortado
3
text-align-last
Describe cómo se alinea la última línea de un bloque o una línea justo antes de un salto de línea forzado cuando el text-align es "justificado"
3
text-justify
Especifica el método de justificación utilizado cuando el text-align es "justificado"
3
text-outline
Especifica un esquema de texto
3
text-overflow
Especifica lo que debe ocurrir cuando el texto se desborda del element contenedor
3
text-shadow
Añade sombreado al texto
3
text-wrap
Especifica reglas de rotura de línea para el texto
3
word-break
Especifica las reglas de salto de línea para guiones que no CJK
3
word-wrap
Permite que palabras largas, irrompibles se rompan y pasen a la línea siguiente
3
Propiedades de Transformación 2D/3D Propiedad
Descripción
CSS Version
transform
Aplica una transformación 2D o 3D a un element
3
transform-origin
Te permite cambiar la posición de los elementos transformados
3
transform-style
Especifica cómo los elementos encajados se reproducen en el espacio 3D
3
perspective
Especifica la perspectiva de cómo se ven los elementos 3D
3
perspective-origin
Especifica la posición inferior de elementos 3D
3
backface-visibility
Crea si un element debe o no ser visible cuando no está frente a la pantalla
3
Propiedades de Transición Propiedad
Descripción
CSS Version
transition
Una propiedad abreviada para establecer las cuatro propiedades de transición
3
transition-property
Especifica el nombre de la propiedad CSS de transición para la que es el efecto
3
transition-duration
Especifica cuántos segundos o milisegundos necesita un efecto de transición para que se complete
3
transition-timing-function
Especifica la curva de velocidad del efecto de transición
3
transition-delay
Especifica cuando el efecto de transición se iniciará
3
7
CSS 1, 2 y 3 Propiedades CSS Propiedades de Interfaz de Usuario Propiedad
Descripción
CSS Version
appearance
Te permite hacer con que un element se parecezca con un element de la interfaz de usuario estándar
3
box-sizing
Le permite definir ciertos elementos para adaptarse de cierta manera a una zona
3
icon
Proporciona al autor la posibilidad de estilo de un element con una equivalente icónica
3
nav-down
Especifica dónde navegar utilizando la tecla de flecha hacia abajo de navegación
3
nav-index
Especifica el orden de tabulación para un element
3
nav-left
Especifica dónde navegar utilizando la tecla de flecha izquierda de navegación
3
nav-right
Especifica dónde navegar utilizando la tecla de flecha derecha de navegación
3
nav-up
Especifica dónde navegar utilizando la tecla de flecha hacia arriba de navegación
3
outline-offset
Reproduce un esquema, y dibuja más allá del límite del borde
3
resize
Especifica si el tamaño de un element puede o no ser redimensionado por el usuario
3
8