Todas las propiedades css
Propiedad css: valor
Hay más de 500 propiedades CSS pero los navegadores sólo soportan alrededor de 300+ propiedades. Por eso hemos preparado la lista de 300 propiedades CSS con valores que soportan los navegadores actuales. Esto no es sólo una lista. Puedes explorar y practicar cada propiedad.
La propiedad CSS align-content alinea el contenido verticalmente (a lo largo del eje transversal/de bloque/columna) dentro de un contenedor. El contenedor ajusta su relleno para alinear el contenido verticalmente. Estamos utilizando un contenedor flexible.
En este caso, el primer objeto se alinea al principio del contenedor y el último objeto se alinea al final del mismo. El resto de los objetos se colocan de forma que el espacio en blanco se distribuya equitativamente entre dos objetos cualesquiera.
Comienza la ejecución a mitad de su ciclo de vida. Si la duración de la animación es de 3s y el retraso de la animación es de -2s, muestra una parte del ciclo en el tiempo restante, es decir, se puede ver la parte del ciclo de la animación del último segundo.
Representa una regla @keyframe con keyframe-name que consiste en intervalos de tiempo y cada intervalo de tiempo contiene los valores de las propiedades respectivas. Estamos usando el keyframe ‘rotate’ como el valor de animation-name.
Propiedades css más importantes
Referencia CSSUtiliza esta referencia CSS para navegar por un índice alfabético de todas las propiedades CSS estándar, pseudoclases, pseudoelementos, tipos de datos, notaciones funcionales y reglas at. También puede consultar conceptos clave de CSS y una lista de selectores organizados por tipo. También se incluye una breve referencia DOM-CSS / CSSOM.Regla básica sintaxisRegla de estilo ::=
Para una introducción a nivel de principiante a la sintaxis de los selectores, consulte nuestra guía sobre selectores CSS. Tenga en cuenta que cualquier error de sintaxis en la definición de una regla invalida toda la regla. Las reglas inválidas son ignoradas por el navegador. Tenga en cuenta que las definiciones de reglas CSS se basan completamente en texto (ASCII), mientras que DOM-CSS / CSSOM (el sistema de gestión de reglas) se basa en objetos.Sintaxis de las reglas atComo la estructura de las reglas at varía mucho, consulte At-rule para encontrar la sintaxis de la que desee.Índice
SelectoresLos siguientes son los distintos selectores, que permiten condicionar los estilos en función de diversas características de los elementos dentro del DOM.Selectores básicosLos selectores básicos son selectores fundamentales; son los selectores más básicos que se combinan frecuentemente para crear otros selectores más complejos.
Selectores css
css2 css3+ flexbox animaciones 3d transformaciones paginadas media grid scroll snap logical props tables masks positioning border-image columns typography motion path compositing text-decoration transforms scrollbars
El primer valor analizado como un valor de tiempo válido se utiliza como «duración», por lo que si quieres incluir un valor de tiempo para «delay», debes declarar primero una duración. Las animaciones múltiples se declaran utilizando conjuntos de valores separados por comas.
Acepta una lista separada por comas de funciones de temporización que corresponden a las animaciones identificadas en animation-name y los @keyframes at-rules correspondientes. El primer y tercer valor de la función cubic-bezier() debe ser un número entre 0 y 1.
Esto se define normalmente utilizando la opción -webkit-appearance específica del proveedor. Todos los valores que comienzan con searchfield existen para la compatibilidad del contenido desarrollado para versiones anteriores no estándar de esta propiedad.
Los fondos múltiples se definen utilizando conjuntos de valores separados por comas. Si se incluye un color de fondo en la abreviatura con múltiples fondos, debe declararse en último lugar después de una coma. Si se incluye background-size, se empareja con background-position después de una barra diagonal. Si se establece tanto background-origin como background-clip, el primer valor es background-origin. Si se omite uno, tanto background-origin como background-clip se establecen con el mismo valor.
Css todo
El primer valor analizado como un valor de tiempo válido se utiliza como «duración», por lo que si desea incluir un valor de tiempo para «retraso», debe declarar primero una duración. Las animaciones múltiples se declaran utilizando conjuntos de valores separados por comas.
Acepta una lista separada por comas de funciones de temporización que corresponden a las animaciones identificadas en animation-name y los @keyframes at-rules correspondientes. El primer y tercer valor de la función cubic-bezier() debe ser un número entre 0 y 1.
Esto se define normalmente utilizando la opción -webkit-appearance específica del proveedor. Todos los valores que comienzan con searchfield existen para la compatibilidad del contenido desarrollado para versiones anteriores no estándar de esta propiedad.
Los fondos múltiples se definen utilizando conjuntos de valores separados por comas. Si se incluye un color de fondo en la abreviatura con múltiples fondos, debe declararse en último lugar después de una coma. Si se incluye background-size, se empareja con background-position después de una barra diagonal. Si se establece tanto background-origin como background-clip, el primer valor es background-origin. Si se omite uno, tanto background-origin como background-clip se establecen con el mismo valor.