accent-color |
Se especifica el color de énfasis del control de la interfaz de usuario. |
align-content |
Se establece el modo de alineación entre las filas dentro del contenedor flexible, cuando los elementos no utilizan todo el espacio disponible. |
align-items |
Se establece el modo de alineación de los elementos dentro del contenedor flexible. |
align-self |
Se establece el modo de alineación de los elementos seleccionados dentro del contenedor flexible. |
all |
Se restablecen todos los atributos (excepto unicode-bidi y direction). |
animation |
Atributo abreviado para todos los atributos animation-*. |
animation-delay |
Se establece el retraso para comenzar la animación. |
animation-direction |
Se establece si la animación se reproduce hacia adelante, hacia atrás o alternativamente. |
animation-duration |
Se establece el tiempo que debe tardar la animación en completar un ciclo. |
animation-fill-mode |
Se establece el estilo del elemento cuando no se reproduce la animación (antes de comenzar, después de finalizar o al mismo tiempo). |
animation-iteration-count |
Se establece el número de veces que se reproduce la animación. |
animation-name |
Se establece el nombre de la animación @keyframes. |
animation-play-state |
Se establece si la animación se reproduce o se pausa. |
animation-timing-function |
Se establece la curva de velocidad de la animación. |
aspect-ratio |
Se especifica la proporción de ancho y alto preferida del elemento. |
caption-side |
Establece la forma en que se colocan los títulos de la tabla. |
caret-color |
Establece el color del cursor en input, textarea o cualquier elemento editable. |
@charset |
Establece la codificación de caracteres utilizada en la hoja de estilos. |
clear |
Establece qué lado del elemento no permite flotar elementos. |
clip |
Recortar elementos de posicionamiento absoluto. |
clip-path |
Corta el elemento en una forma básica o fuente SVG. |
color |
Establece el color del texto. |
color-scheme |
Indica qué paleta de colores del sistema operativo debe utilizarse para renderizar el elemento. |
column-count |
Determina el número de columnas en las que debe dividirse el elemento. |
column-fill |
Especifica cómo se debe rellenar la columna (si es equilibrado). |
column-gap |
Determina el espacio entre las columnas. |
column-rule |
Atributo abreviado de todas las propiedades column-rule-*. |
column-rule-color |
Determina el color de la regla entre las columnas. |
column-rule-style |
Determina el estilo de la regla entre las columnas. |
column-rule-width |
Determina el ancho de las reglas entre las columnas. |
column-span |
Determina cuántas columnas debe cruzar el elemento. |
column-width |
Determina el ancho de la columna. |
columns |
Atributo abreviado de column-width y column-count. |
@container |
Define el estilo de los elementos dentro del contenedor según el tamaño o el estilo del contenedor. |
content |
Se utiliza junto con los pseudo-elementos :before y :after para insertar contenido generado. |
counter-increment |
Aumenta o disminuye el valor de uno o más contadores CSS. |
counter-reset |
Crea o restablece uno o más contadores CSS. |
counter-set |
Crea o establece uno o más contadores CSS. |
@counter-style |
Permite definir un estilo de contador personalizado. |
cursor |
Determina el cursor que se muestra cuando se apunta al elemento. |
filter |
Define el efecto antes de que el elemento se muestre (por ejemplo, desenfoque o desviación de color). |
flex |
Atributo abreviado de flex-grow, flex-shrink y flex-basis. |
flex-basis |
Longitud inicial del proyecto elástico. |
flex-direction |
Dirección del proyecto elástico. |
flex-flow |
Atributo abreviado de flex-direction y flex-wrap. |
flex-grow |
Aumento de cantidad del proyecto en comparación con los demás proyectos. |
flex-shrink |
Reducción de cantidad del proyecto en comparación con los demás proyectos. |
flex-wrap |
规定弹性项目是否应该换行。 |
flex-wrap |
Determinar si los elementos flexibles deben hacer saltos de línea. |
float |
Atributo abreviado que determina si se debe flotar el cuadro (box). |
@font-face |
Permitir reglas para que los sitios web descarguen y utilicen fuentes以外的 "web-safe". |
font-family |
Determinar la familia de fuente (serie de fuentes) del texto. |
font-feature-settings |
Permitir controlar características avanzadas de impresión en fuentes OpenType. |
@font-feature-values |
Permitir que los creadores utilicen nombres comunes en font-variant-alternate para activar características de manera diferente en OpenType. |
font-kerning |
Controlar el uso de información de ajuste de espaciado (espaciado entre letras). |
font-language-override |
Controlar el uso de formas de caracteres específicas de idioma en la fuente. |
@font-palette-values |
Permitir que los usuarios personalicen los valores predeterminados del paleta de fuentes. |
font-size |
Determinar el tamaño de fuente del texto. |
font-size-adjust |
Mantener la legibilidad en caso de retroceso de fuente. |
font-stretch |
Elegir una fuente común, comprimida o expandida de la serie de fuentes. |
font-style |
Determinar el estilo de fuente del texto. |
font-synthesis |
Controlar qué tipos de fuentes faltantes (negrita o cursiva) pueden ser sintetizados por el navegador. |
font-variant |
Determinar si el texto debe mostrarse en minúsculas mayúsculas. |
font-variant-alternates |
Controlar el uso de alternativas de forma de caracteres asociados con nombres alternativos definidos en @font-feature-values. |
font-variant-caps |
Controlar el uso de alternativas de forma de caracteres para mayúsculas. |
font-variant-east-asian |
Controlar el uso de alternativas de forma de caracteres para caracteres de Asia Oriental (por ejemplo, chino y japonés). |
font-variant-ligatures |
Controlar el uso de alternativas de forma de caracteres en el contenido de texto aplicable a los elementos. |
font-variant-numeric |
Controlar el uso de alternativas de forma de caracteres para números, fracciones y marcas de orden. |
font-variant-position |
Controlar el uso de alternativas de forma de caracteres pequeños para texto, que se sitúan en posiciones superiores o inferiores con respecto a la línea base del tipo de letra. |
font-weight |
Especifica el grosor de la fuente. |
grid |
Atributo abreviado de grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns y grid-auto-flow. |
grid-area |
Puede especificar el nombre del ítem de rejilla o el atributo abreviado de grid-row-start, grid-column-start, grid-row-end y grid-column-end. |
grid-auto-columns |
Especifica el tamaño de columna predeterminado. |
grid-auto-flow |
Especifica cómo insertar elementos colocados automáticamente en la rejilla. |
grid-auto-rows |
Especifica el tamaño de fila predeterminado. |
grid-column |
Atributo abreviado de grid-column-start y grid-column-end. |
grid-column-end |
Especifica cómo terminar el ítem de rejilla. |
grid-column-gap |
Especifica el tamaño del espacio entre filas. |
grid-column-start |
Especifica desde dónde comienza el ítem de rejilla. |
grid-gap |
Atributo abreviado de grid-row-gap y grid-column-gap. |
grid-row |
Atributo abreviado de grid-row-start y grid-row-end. |
grid-row-end |
Especifica dónde termina el ítem de rejilla. |
grid-row-gap |
Especifica el tamaño del espacio entre filas. |
grid-row-start |
Especifica desde dónde comienza el ítem de rejilla. |
grid-template |
Atributo abreviado de grid-template-rows, grid-template-columns y grid-areas. |
grid-template-areas |
Especifica cómo mostrar las columnas y filas utilizando ítems de rejilla nombrados. |
grid-template-columns |
Especifica el tamaño de las columnas y el número de columnas en el diseño de rejilla. |
grid-template-rows |
Especifica el tamaño de las filas en el diseño de rejilla. |
margin |
establece todas las propiedades de margen en una declaración. |
margin-block |
especifica el margen en la dirección del bloque. |
margin-block-end |
especifica el margen en el final de la dirección del bloque. |
margin-block-start |
especifica el margen en el inicio de la dirección del bloque. |
margin-bottom |
establece el margen inferior del elemento. |
margin-inline |
especifica el margen externo en la dirección del alineamiento en línea. |
margin-inline-end |
Se especifica el margen en la dirección en línea en el punto de final. |
margin-inline-start |
Se especifica el margen en la dirección en línea en el punto de inicio. |
margin-left |
Se establece el margen izquierdo externo del elemento. |
margin-right |
Se establece el margen derecho externo del elemento. |
margin-top |
Se establece el margen superior externo del elemento. |
marker |
Se refiere a la marca que se dibujará en todos los vértices de la trayectoria del elemento (el primero, el intermedio y el último). |
marker-end |
Se refiere a la marca que se dibujará en el último vértice de la trayectoria del elemento. |
marker-mid |
Se refiere a la marca que se dibujará en todos los vértices intermedios de la trayectoria del elemento. |
marker-start |
Se refiere a la marca que se dibujará en el primer vértice de la trayectoria del elemento. |
mask |
Siguiendo las propiedades abreviadas de los siguientes:
|
mask-clip |
Se especifica la área afectada por la imagen de la máscara. |
mask-composite |
Se especifica la operación de合成 utilizada entre la máscara actual y la máscara inferior. |
mask-image |
Se especifica la imagen utilizada como máscara del elemento. |
mask-mode |
Se especifica si la imagen de la máscara se trata como una máscara de brillo o como una máscara alpha. |
mask-origin |
Se especifica la posición original de la imagen de la máscara (área de posición de la máscara). |
mask-position |
Se establece la posición de inicio de la imagen de la máscara (relativa al área de posición de la máscara). |
mask-repeat |
Se especifica el modo de repetición de la imagen de la máscara. |
mask-size |
Se especifica el tamaño de la imagen de la máscara. |
mask-type |
especificar SVG Se especifica si el elemento se trata como una máscara de brillo o como una máscara alpha. |
max-height |
Se establece la altura máxima del elemento. |
max-width |
Se establece el ancho máximo del elemento. |
@media |
Se establecen las reglas de estilo para diferentes tipos de medios, dispositivos y tamaños. |
max-block-size |
Se establece el tamaño máximo del elemento en la dirección de bloque. |
max-inline-size |
Se establece el tamaño máximo del elemento en la dirección en línea. |
min-block-size |
Se establece el tamaño mínimo del elemento en la dirección de bloque. |
min-inline-size |
Se establece el tamaño mínimo del elemento en la dirección en línea. |
min-height |
Se establece la altura mínima del elemento. |
min-width |
Se establece el ancho mínimo del elemento. |
mix-blend-mode |
Se establece cómo el contenido del elemento debe mezclarse con el fondo de su padre directo. |
object-fit |
Se establece cómo el contenido del elemento debe adaptarse al tamaño de altura y anchura del cuadro utilizado. |
object-position |
Especifica el modo de alineación del elemento sustitutivo en su cuadro. |
offset |
Siguiendo las propiedades abreviadas de los siguientes:
|
offset-anchor |
Especifica el punto fijo en la trayectoria de animación del elemento. |
offset-distance |
Especifica la posición del elemento en la trayectoria de la animación. |
offset-path |
Especifica la trayectoria del elemento a lo largo de su animación. |
offset-position |
Especifica la posición inicial del elemento a lo largo de la trayectoria. |
offset-rotate |
Especifica la rotación del elemento cuando se anima a lo largo de una trayectoria. |
opacity |
Establece el nivel de opacidad del elemento. |
order |
Establece el orden relativo de los elementos flexibles en comparación con los otros elementos. |
orphans |
Establece el número mínimo de líneas que deben permanecer en la parte inferior de la página o de la columna. |
orphans |
Establece el número mínimo de líneas que deben permanecer en la parte inferior de la página cuando ocurre la paginación en el elemento. |
outline |
Atributo abreviado de outline-width, outline-style y outline-color. |
outline-color |
Establece el color de la estructura del contorno. |
outline-offset |
Desplaza la estructura del contorno y la dibuja fuera del borde. |
outline-style |
Establece el estilo de la estructura del contorno. |
outline-width |
Establece el ancho de la estructura del contorno. |
overflow |
Especifica qué sucede si el contenido se desborda el cuadro del elemento. |
overflow-anchor |
Especifica si se debe empujar el contenido visible hacia abajo en el contenedor de desplazamiento al cargar nuevos contenido. |
overflow-wrap |
Especifica si el navegador puede hacer un salto de línea cuando un palabra larga desborda el contenedor. |
overflow-wrap |
Especifica si el navegador puede romper las palabras en el interior para evitar desbordamiento (cuando la cadena es demasiado larga y no se puede adaptar a su contenedor). |
overflow-x |
Especifica si se recortan los bordes izquierdo y derecho del contenido, si se desborda el área de contenido del elemento. |
overflow-y |
Especifica si se recortan los bordes superior e inferior del contenido, si se desborda el área de contenido del elemento. |
overscroll-behavior |
Especifica si tiene efecto de desbordamiento o desbordamiento excesivo en los sentidos x e y. |
overscroll-behavior-block |
Especifica si tiene efecto de desbordamiento o desbordamiento excesivo en el sentido block. |
overscroll-behavior-inline |
Especifica si tiene efecto de desbordamiento o desbordamiento excesivo en el sentido inline. |
overscroll-behavior-x |
Especifica si tiene efecto de desbordamiento o desbordamiento excesivo en el sentido x. |
overscroll-behavior-y |
Especifica si tiene efecto de desbordamiento o desbordamiento excesivo en el sentido y. |
padding |
Atributo abreviado de todas las propiedades padding-*. |
padding-block |
Especificar la márgen interna en la dirección del bloque. |
padding-block-end |
Especificar la márgen interna de finalización en la dirección del bloque. |
padding-block-start |
Especificar la márgen interna de inicio en la dirección del bloque. |
padding-bottom |
Establecer la márgen interna inferior del elemento. |
padding-inline |
Especificar la márgen interna en la dirección interna del renglón. |
padding-inline-end |
Especificar la márgen interna de finalización en la dirección interna del renglón. |
padding-inline-start |
Especificar la márgen interna de inicio en la dirección interna del renglón. |
padding-left |
Establecer la márgen interna izquierda del elemento. |
padding-right |
Establecer la márgen interna derecha del elemento. |
padding-top |
Establecer la márgen superior interna del elemento. |
@page |
Personalizar el tamaño, la orientación y los márgenes de la página de impresión. |
page-break-after |
Establecer el comportamiento de página (page-break) después del elemento. |
page-break-before |
Establecer el comportamiento de página (page-break) antes del elemento. |
page-break-inside |
Establecer el comportamiento de página (page-break) dentro del elemento. |
paint-order |
Establecer el orden de dibujo de los elementos SVG o texto. |
perspective |
Proporcionar una perspectiva para los elementos de alineación 3D. |
perspective-origin |
Definir la posición desde la que el usuario verá el elemento de alineación 3D. |
place-content |
Especificar los valores de las propiedades align-content y justify-content para el diseño flex y cuadrícula. |
place-items |
Especificar los valores de las propiedades align-items y justify-items del diseño de cuadrícula. |
place-self |
Especificar los valores de las propiedades align-self y justify-self del diseño de cuadrícula. |
pointer-events |
Definir si el elemento responde a eventos de puntero. |
position |
Especificar el tipo de método de alineación utilizado para el elemento (estático, relativo, absoluto o fijo). |
@property |
Definir propiedades CSS personalizadas directamente en la hoja de estilo, sin necesidad de ejecutar ningún JavaScript. |
scale |
Especifica el tamaño del elemento mediante la ampliación o reducción. |
@scope |
Permite seleccionar elementos específicos en un subárbol DOM específico y ubicarlos de manera precisa sin escribir selectores demasiado específicos. |
scroll-behavior |
Define si la caja deslizante se desliza suavemente o salta directamente. |
scroll-margin |
La margen externa entre la posición de adhesión y el contenedor. |
scroll-margin-block |
La margen externa entre la posición de adhesión en la dirección de bloque y el contenedor. |
scroll-margin-block-end |
La margen externa entre la posición de adhesión en la dirección de bloque y el final del contenedor. |
scroll-margin-block-start |
La margen externa entre la posición de adhesión en la dirección de bloque y el inicio del contenedor. |
scroll-margin-bottom |
La margen externa entre la posición de adhesión inferior y el contenedor. |
scroll-margin-inline |
La margen externa entre la posición de adhesión en la dirección de línea y el contenedor. |
scroll-margin-inline-end |
La margen externa entre la posición de adhesión en la dirección de línea y el final del contenedor. |
scroll-margin-inline-start |
La margen externa entre la posición de adhesión en la dirección de línea y el inicio del contenedor. |
scroll-margin-left |
La margen externa entre la posición de adhesión izquierda y el contenedor. |
scroll-margin-right |
La margen externa entre la posición de adhesión derecha y el contenedor. |
scroll-margin-top |
La margen externa entre la posición de adhesión superior y el contenedor. |
scroll-padding |
La distancia desde el contenedor hasta la posición de adhesión del elemento. |
scroll-padding-block |
La distancia desde el contenedor en la dirección de bloque hasta la posición de adhesión del elemento. |
scroll-padding-block-end |
La distancia desde el final del contenedor en la dirección de bloque hasta la posición de adhesión del elemento. |
scroll-padding-block-start |
La distancia desde el inicio del contenedor en la dirección de bloque hasta la posición de adhesión del elemento. |
scroll-padding-bottom |
La distancia desde la parte inferior del contenedor hasta la posición de adhesión del elemento. |
scroll-padding-inline |
La distancia desde el contenedor en la dirección de alineación de línea hasta la posición de adhesión del elemento. |
scroll-padding-inline-end |
La distancia desde el final del contenedor en la dirección de alineación de línea hasta la posición de adhesión del elemento. |
scroll-padding-inline-start |
La distancia desde el inicio del contenedor en la dirección de alineación de línea hasta la posición de adhesión del elemento. |
scroll-padding-left |
Se especifica la distancia desde la parte izquierda del contenedor hasta la posición de adhesión del elemento hijo. |
scroll-padding-right |
Se especifica la distancia desde la parte derecha del contenedor hasta la posición de adhesión del elemento hijo. |
scroll-padding-top |
Se especifica la distancia desde la parte superior del contenedor hasta la posición de adhesión del elemento hijo. |
scroll-snap-align |
Se especifica la posición del elemento cuando el usuario detiene el desplazamiento. |
scroll-snap-stop |
Se especifica el comportamiento de desplazamiento después de deslizar rápidamente en el touchpad o pantalla táctil. |
scroll-snap-type |
Se especifica el comportamiento de adhesión durante el desplazamiento. |
scrollbar-color |
Se especifica el color de la barra de desplazamiento del elemento. |
shape-outside |
Se define la forma de envolvente del contenido en línea. |
@starting-style |
Se define el estilo de inicio del elemento antes de la actualización del estilo. |
@supports |
Se utiliza para probar si el navegador admite ciertas características de CSS. |
tab-size |
Se establece el ancho del tabulador. |
table-layout |
Se define el algoritmo utilizado para la disposición de celdas, filas y columnas. |
text-align |
Se establece la alineación horizontal del texto. |
text-align-last |
Se describe cómo alinear el último renglón de un bloque o línea antes de un salto de línea forzado cuando text-align es "justify". |
text-combine-upright |
Se combinan varios caracteres en el espacio de un solo carácter. |
text-decoration |
Se establece la decoración del texto. |
text-decoration-color |
Se establece el color de la decoración del texto (text-decoration). |
text-decoration-line |
Se establece el tipo de línea en la decoración del texto (text-decoration). |
text-decoration-style |
Se establece el estilo de línea en la decoración del texto (text-decoration). |
text-decoration-thickness |
Se establece el grosor de la línea decorativa. |
text-emphasis |
Siguiendo las propiedades abreviadas de los siguientes:
|
text-emphasis-color |
Se especifica el color de la marca de énfasis. |
text-emphasis-position |
Se especifica la posición de la marca de énfasis. |
text-emphasis-style |
Se especifica el estilo de la marca de énfasis. |
text-indent |
Se establece el reajuste del primer renglón en el bloque de texto (text-block). |
text-justify |
Se establece el método de alineación utilizado cuando text-align es "justify". |
text-orientation |
Definir la dirección de los caracteres en una línea. |
text-overflow |
Especificar lo que debe suceder cuando el texto se desborda del elemento que lo contiene. |
text-shadow |
Añadir sombra de texto. |
text-transform |
Controlar la mayúscula del texto. |
text-underline-offset |
Especificar la distancia de desplazamiento de la decoración de subrayado del texto. |
text-underline-position |
Especificar la posición de la decoración de subrayado del texto. |
top |
Especificar la posición superior del elemento de posicionamiento. |
transform |
Aplicar una transformación 2D o 3D al elemento. |
transform-origin |
Permitir cambiar la posición del elemento de transformación. |
transform-style |
Especificar cómo renderizar los elementos anidados en el espacio 3D. |
transition |
Atributo abreviado de todos los atributos transition-*. |
transition-delay |
Especificar cuándo comenzar el efecto de transición. |
transition-duration |
Especificar el número de segundos o milisegundos necesarios para completar el efecto de transición. |
transition-property |
Especificar el nombre del atributo de CSS correspondiente al efecto de transición. |
transition-timing-function |
Especificar la curva de velocidad del efecto de transición. |
translate |
Especificar la posición del elemento. |