Propiedad
* Selector universal, también puede seleccionar todos los elementos dentro de otro elemento.
:active Se utiliza para seleccionar y diseñar el enlace activo.
::after Inserta algo después del contenido de cada elemento seleccionado.
::after (Tooltips)
align-content (flex) Alinea los items en sentido horizontal y vertical.
align-content (grid) Alinear verticalmente toda la cuadrícula dentro del contenedor.
align-items (flex) Alineación vertical de los items.
align-items (grid) Alinea o justifica las filas del grid verticalmente.
align-self (flex) Permite alinear de forma individual un elemento.
align-self (grid) Alinea verticalmente el contenido de una celda.
alignment-adjust
alignmentBaseline
all Restablece todas las propiedades.
animation
animation-delay Especifica un retraso antes de que comience la animación.
animation-direction Define si una animación debe reproducirse en sentido inverso o en ciclos alternos.
animation-duration Define cuántos segundos o milisegundos una animación tarda en completar un ciclo.
animation-fill-mode Especifica un estilo para el elemento cuando la animación no se está reproduciendo (cuando está terminado o cuando tiene un retardo).
animation-iteration-count Especifica el número de veces que se debe reproducir una animación.
animation-name Especifica un nombre para la animación @keyframes.
animation-play-state Especifica si la animación se está ejecutando o pausada.
animation-timing-function Especifica la curva de velocidad de una animación.
:any-link Representa a un elemento que actúa como el ancla origen de un hipervínculo independientemente de si ha sido visitado.
appearance
[atributo] Se utiliza para seleccionar elementos con el atributo especificado.
[atributo=valor] Se utiliza para seleccionar elementos con el atributo y el valor especificados.
[atributo~=valor] Se utiliza para seleccionar elementos con un valor de atributo que contiene una palabra especificada.
[atributo|=valor] Se utiliza para seleccionar elementos con el atributo especificado comenzando con el valor especificado.
[atributo^=valor] Coincide con cada elemento cuyo valor de atributo comience con un valor especificado.
[atributo$=valor] Compara cada elemento cuyo valor de atributo termina con un valor especificado.
[atributo*=valor] Coincide con cada elemento cuyo valor de atributo contenga un valor especificado.
azimuth
::backdrop
backface-visibility Define si un elemento debe ser visible cuando no está frente a la pantalla.
background Es la forma comprimida en la cual podemos definir todos los valores de los fondo de una sola vez.
background-attachment Nos permite fijar o liberar una imagen de fondo.
background-blend-mode Define el modo de fusión de cada capa de fondo (color y / o imagen).
background-clip Especifica el área de pintura del fondo.
background-color Especifica el color de fondo del elemento.
background-image Inserta una imagen como fondo del elemento.
background-origin Especifica dónde se coloca(n) la(s) imagen(s) de fondo.
background-position Permite ubicar una imagen en un lugar específico dentro del fondo.
backgroundPositionX
backgroundPositionY
background-repeat Si la imagen que elegimos de fondo es más pequeña que este, podemos repetir la imagen horizontalmente o verticalmente hasta cubrir todo el fondo.
background-size Especifica el tamaño de la(s) imagen(s) de fondo.
baselineShift
::before Inserta algo antes del contenido de cada elemento seleccionado.
:blank No debe usarse debido que está en proceso experimental.
blockSize
border Especifica el ancho, estilo y color del borde.
borderBlockEnd
borderBlockEndColor
borderBlockEndStyle
borderBlockEndWidth
borderBlockStart
borderBlockStartColor
borderBlockStartStyle
borderBlockStartWidth
border-bottom Especifica el ancho, estilo y color del borde inferior.
border-bottom-color Especifica el color del borde inferior.
border-bottom-left-radius Define el radio de la esquina inferior izquierda.
border-bottom-right-radius Define el radio de la esquina inferior derecha.
border-bottom-style Establece el estilo del borde inferior de un elemento.
border-bottom-width Establece el ancho del borde inferior de un elemento.
border-collapse Permite seleccionar la apariencia de los bordes de cada celda de la tabla.
border-color Establece el color de los cuatro bordes de un elemento.
border-image Permite especificar una imagen que se utilizará como borde alrededor de un elemento.
border-image-outset Especifica la cantidad en que el área de la imagen del borde se extiende más allá del cuadro del borde.
border-image-repeat Especifica si la imagen del borde debe repetirse, redondearse o estirarse.
border-image-slice Especifica cómo cortar la imagen especificada por border-image-source.
border-image-source Especifica la ruta a la imagen que se utilizará como borde.
border-image-width Especifica el ancho de la imagen del borde.
borderInlineEnd
borderInlineEndColor
borderInlineEndStyle
borderInlineEndWidth
borderInlineStart
borderInlineStartColor
borderInlineStartStyle
borderInlineStartWidth
border-left Especifica el ancho, estilo y color del borde izquierdo.
border-left-color Establece el color del borde izquierdo de un elemento.
border-left-style Establece el estilo del borde izquierdo de un elemento.
border-left-width Establece el ancho del borde izquierdo de un elemento.
border-radius Define el radio de las esquinas del elemento.
border-right Especifica el ancho, estilo y color del borde derecho.
border-right-color Establece el color del borde derecho de un elemento.
border-right-style Establece el estilo del borde derecho de un elemento.
border-right-width Establece el ancho del borde derecho de un elemento.
border-spacing Especifica la separación entre celdas adyacentes.
border-style Establece el estilo de los cuatro bordes de un elemento.
border-top Especifica el ancho, estilo y color del borde superior.
border-top-color Establece el color del borde superior de un elemento.
border-top-left-radius Define el radio de la esquina superior izquierda.
border-top-right-radius Define el radio de la esquina superior derecha.
border-top-style Establece el estilo del borde superior de un elemento.
border-top-width Establece el ancho del borde superior de un elemento.
border-width stablece el ancho de los cuatro bordes de un elemento.
bottom Ubicar un elemento en la parte inferior. Desplazamiento de la caja (respecto al límite inferior del contenedor).
box-decoration-break
box-shadow Adjunta una o más sombras a un elemento.
box-sizing Se utiliza para indicar al navegador cuáles deben ser las propiedades de tamaño (ancho y alto).
breakAfter
breakBefore
breakInside
caption-side Nos permite ubicar el título de la tabla por encima o por debajo de la misma.
caretColor
:checked Coincide con cada elemento <input> marcado (sólo para los botones de opción y las casillas de verificación) y el elemento <option>.
.Class Selecciona elementos con un atributo de clase específico.
clear Especifica qué lados de un elemento en el que no se permiten otros elementos flotantes.
clip En desuso. Mostrar parte de una imagen. Cuando queremos recortar una imagen a una medida determinada.
clip-path Permite especificar una región específica de un elemento para mostrar, en lugar de mostrar el área completa.
clipRule
color Establece el color con el que se muestra el texto contenido en un elemento.
colorInterpolation
colorInterpolationFilters
column-count Especifica el número de columnas en las que debe dividirse un elemento.
column-fill Especifica cómo rellenar columnas, equilibradas o no.
column-gap Especifica el espacio entre las columnas.
column-rule Establece el ancho, el estilo y el color de la regla entre columnas.
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 cuántas columnas un elemento debe abarcar.
column-width Especifica una anchura óptima sugerida para las columnas.
columns Propiedad abreviada para establecer el ancho de columna y el recuento de columnas.
content Genera contenido de forma dinámica.
counterIncrement
counter-reset
crop
cssFloat
cssText
::cue
cue-after
cue-before
::cue-region
cursor Especifica el tipo de cursor que se mostrará cuando apunte a un elemento.
:default Representa cualquier elemento de formulario que sea el predeterminado entre un grupo de elementos relacionados.
:defined Representa cualquier elemento que se haya definido.
:dir() Coincide con los elementos en función de la direccionalidad del texto contenido en ellos.
direction Indica la dirección en la que se muestra el texto.
:disabled Hace coincidir cada elemento deshabilitado (utilizado principalmente en elementos de formulario).
display Especifica cómo debe mostrarse un elemento HTML determinado. Establece el tipo de caja generada por un elemento.
display:flex Define un contenedor flexible
display:grid Elemento de cuadrícula organizado en bloque.
display:inline-flex Define un contenedor flexible
display:inline-grid Elemento de cuadrícula organizado en línea.
drop-initial-after-adjust
drop-initial-after-align
drop-initial-before-adjust
drop-initial-before-align
drop-initial-size
drop-initial-value
dominantBaseline
elemento Selecciona todos los elementos con el nombre de elemento especificado.
elemento, elemento Para diseñar varios elementos con el mismo estilo (Agrupados).
elemento elemento Se utiliza para seleccionar elementos dentro de elementos (Descendientes).
elemento > elemento Se utiliza para seleccionar elementos con un padre específico (Hijo directo).
elemento + elemento Se utiliza para seleccionar elementos que se coloca inmediatamente después (no dentro) el primer elemento especificado (Hermano siguiente).
elemento1 ~ elemento2 Coincide con las apariciones de element2 precedidas por element1 (Hermanos siguientes). Ambos elementos deben tener el mismo padre, pero element2 no tiene que ser precedido inmediatamente por element1.
elevation
:empty Corresponde a todos los elementos que no tienen hijos (incluidos los nodos de texto).
empty-cells Muestra u oculta las celdas vacías de una tabla.
:enabled Hace coincidir cada elemento activado (utilizado principalmente en elementos de formulario).
fill
fillOpacity
fillRule
filter Define efectos visuales (como desenfoque y saturación) en un elemento.
:first Representa la primera página de un documento impreso.
:first-child Se utiliza para seleccionar el selector especificado, sólo si es el primer hijo de su padre.
::first-letter Se utiliza para agregar un estilo a la primera letra del selector especificado.
::first-line Se utiliza para agregar un estilo a la primera línea del selector especificado.
:first-of-type Corresponde a cada elemento que es el primer hijo, de un tipo particular, de su padre.
flex Abreviatura para las propiedades flex-grow, flex-shrink y flex-basis.
flex-basis Define el tamaño de un ítem antes de distribuir el espacio restante.
flex-direction Dirección de los items en fila o columna.
flex-flow Propiedad abreviada de flex-direction + flex-wrap
flex-grow Define en qué proporción crece un ítem.
flex-shrink Define la capacidad de un objeto flexible para contraerse si es necesario.
flex-wrap Cuando los hijos no tengan espacio dentro del contenedor salten a la siguiente fila.
float Define donde ubicar un texto o una imagen dentro de otro elemento.
floodColor
floodOpacity
:focus Se utiliza para seleccionar el elemento que tiene el enfoque.
:focus-visible
:focus-within Para resaltar un <form> contenedor completo cuando el usuario se enfoca en uno de sus <input> campos.
font Es la forma comprimida en la cual podemos definir todos los valores de las fuentes de una sola vez.
@font-face Una regla que permite a los sitios web descargar y utilizar fuentes distintas de las fuentes "seguras para la web".
font-family Establece la fuente o tipo de letra.
fontFeatureSettings
@font-feature-values
font-kerning
font-language-override
font-size Permite establecer el tamaño de letra del texto.
font-size-adjust Da un mejor control del tamaño de la fuente cuando la primera fuente seleccionada no está disponible. (Solo funciona en Firefox.)
font-stretch Permite hacer el texto más amplio o más estrecho. (Ninguno de los principales navegadores admiten la propiedad font-stretch.)
font-style Establece el estilo del tipo de letra (normal, oblicuo o italic).
fontSynthesis
font-variant Una variación que se le puede dar a las fuentes es el de usar pequeñas mayúsculas.
font-variant-alternates
font-variant-caps
font-variant-east-asian
font-variant-ligatures
font-variant-numeric
font-variant-position
font-weight Es el control de la intensidad de las fuentes.
:fullscreen Representa un elemento que se muestra cuando el navegador está en modo de pantalla completa.
gap
getPropertyPriority
getPropertyValue
glyphOrientationVertical
::grammar-error
grid-area Especificar dónde colocar un elemento.
gridAutoColumns
grid-auto-flow Coloca automáticamente elementos que no están explicitamente ubicados.
gridAutoRows
grid-column Define en qué columna(s) colocar un elemento.
grid-column-end
grid-column-gap Establece el espacio entre las columnas.
grid-column-start
grid-gap Define el tamaño del espacio entre filas/columnas del grid.
grid-row Define en qué fila(s) colocar un elemento.
grid-row-end Línea fila inicio del elemento
grid-row-gap Establece el espacio entre las filas.
grid-row-start Línea fila fin del elemento
grid-template Define el ancho/alto de las filas/columnas del grid
grid-template-areas Los elementos de cuadrícula nombrados pueden ser referidos por la propiedad.
grid-template-columns Define el número de columnas en su diseño de cuadrícula y puede definir el ancho de cada columna.
grid-template-rows Define la altura de cada fila.