Manual de referencia CSS

CSS attribute

A

accent-color Specify the emphasis color of the user interface control.
align-content Define the alignment method between rows within the flexible container when items do not use all available space.
align-items Define the alignment method of items within the flexible container.
align-self Define the alignment method of the selected items within the flexible container.
all Reset all properties (except unicode-bidi and direction).
animation Abbreviated property for all animation-* properties.
animation-delay Define the delay before the animation starts.
animation-direction Define whether the animation plays forward, backward, or alternates.
animation-duration Define the time it should take for the animation to complete one cycle.
animation-fill-mode Define the style of the element when the animation is not playing (before starting, after ending, or both).
animation-iteration-count Define the number of times the animation is played.
animation-name Define the name of the @keyframes animation.
animation-play-state Define whether the animation is played or paused.
animation-timing-function Define the speed curve of the animation.
aspect-ratio Specify the preferred aspect ratio of the element.

B

backdrop-filter Define the graphical effect of the element's background area.
backface-visibility Define whether the back of the element should be visible when facing the user.
background Abbreviated property for all background-* properties.
background-attachment Set whether the background image should scroll with the rest of the page or be fixed.
background-blend-mode Define the blending mode for each background layer (color/image).
background-clip Define the distance that the background (color or image) should extend within the element.
background-color Define the background color of the element.
background-image Define one or more background images of the element.
background-origin Define the initial position of the background image.
background-position Especificar la posición de la imagen de fondo.
background-position-x Especificar la posición de la imagen de fondo en el eje x.
pr_background-position-y Especificar la posición de la imagen de fondo en el eje y.
background-repeat Establecer si y cómo se repite la imagen de fondo.
background-size Determinar el tamaño de la imagen de fondo.
block-size Especificar el tamaño del elemento en la dirección del bloque.
border Atributo abreviado de border-width, border-style y border-color.
border-block

A continuación se muestra el atributo abreviado de las siguientes propiedades:
border-block-color Establecer el color de la bordera de inicio y final en la dirección del bloque.
border-block-end

A continuación se muestra el atributo abreviado de las siguientes propiedades:
border-block-end-color Establecer el color de la bordera de final en la dirección del bloque.
border-block-end-style Establecer el estilo de la bordera de final en la dirección del bloque.
border-block-end-width Establecer el ancho de la bordera de final en la dirección del bloque.
border-block-start

A continuación se muestra el atributo abreviado de las siguientes propiedades:
border-block-start-color Establecer el color de la bordera de inicio en la dirección del bloque.
border-block-start-style Establecer el estilo de la bordera de inicio en la dirección del bloque.
border-block-start-width Establecer el ancho de la bordera de inicio en la dirección del bloque.
border-block-style Establecer el estilo de la bordera de inicio y final en la dirección del bloque.
border-block-width Establecer el ancho de la bordera de inicio y final en la dirección del bloque.
border-bottom Atributo abreviado de border-bottom-width, border-bottom-style y border-bottom-color.
border-bottom-color Establecer el color de la bordera inferior.
border-bottom-left-radius Definir la curvatura de la esquina inferior izquierda de la bordera.
border-bottom-right-radius Definir la curvatura de la esquina inferior derecha de la bordera.
border-bottom-style Establecer el estilo de la bordera inferior.
border-bottom-width Establecer el ancho de la bordera inferior.
border-collapse Establecer si la bordera de la tabla se dobla en una única bordera o se separa.
border-color Establecer el color de todos los bordes.
border-end-end-radius Establecer el radio de las esquinas entre el final del bloque del elemento y el final de la alineación.
border-end-start-radius Establecer el radio de las esquinas entre el final del bloque del elemento y el inicio de la alineación.
border-image Atributo abreviado de border-image-*.
border-image-outset Determinar la cantidad de la imagen del borde que sobrepasa el borde.
border-image-repeat Determinar si la imagen del borde debe repetirse, redondearse o estirarse.
border-image-slice Determinar cómo cortar la imagen del borde.
border-image-source Determinar la ruta de la imagen utilizada como borde.
border-image-width Determinar el ancho de la imagen del borde.
border-inline

A continuación se muestra el atributo abreviado de las siguientes propiedades:
border-inline-color Establecer el color del borde de inicio y final en la dirección de alineación.
border-inline-end

A continuación se muestra el atributo abreviado de las siguientes propiedades:
border-inline-end-color Establecer el color del borde de final en la dirección de alineación.
border-inline-end-style Establecer el estilo del borde de final en la dirección de alineación.
border-inline-end-width Establecer el ancho del borde de final en la dirección de alineación.
border-inline-start

A continuación se muestra el atributo abreviado de las siguientes propiedades:
border-inline-start-color Establecer el color del borde de inicio en la dirección de alineación.
border-inline-start-style Establecer el estilo del borde de inicio en la dirección de alineación.
border-inline-start-width Establecer el ancho del borde de inicio en la dirección de alineación.
border-inline-style Establecer el estilo del borde de inicio y final en la dirección de alineación.
border-inline-width Establecer el ancho del borde de inicio y final en la dirección de alineación.
border-left Atributo abreviado de todos los border-left-*.
border-left-color Establecer el color del borde izquierdo.
border-left-style Establecer el estilo del borde izquierdo.
border-left-width Establecer el ancho del borde izquierdo.
border-radius Atributo abreviado de los cuatro border-*-radius.
border-right Atributo abreviado de todos los border-right-*.
color-derecho Establece el color del borde derecho.
border-right-style Establece el estilo del borde derecho.
border-right-width Establece el ancho del borde derecho.
border-spacing Establece la distancia entre los bordes de las celdas adyacentes.
border-start-end-radius Establece el radio de la esquina entre el borde de inicio del bloque y el borde final en línea.
border-start-start-radius Establece el radio de la esquina entre el borde de inicio del bloque y el borde de inicio en línea.
border-style Establece el estilo de los cuatro bordes.
border-top Atributo abreviado de border-top-width, border-top-style y border-top-color.
border-top-color Establece el color del borde superior.
border-top-left-radius Define el radio del borde superior izquierdo.
border-top-right-radius Define el radio del borde superior derecho.
border-top-style Establece el estilo del borde superior.
border-top-width Establece el ancho del borde superior.
border-width Establece el ancho de los cuatro bordes.
bottom Establece la posición del elemento con respecto a la base de su elemento padre.
box-decoration-break Establece el comportamiento del fondo y el borde del elemento en el lugar de paginación, o para elementos en línea en el lugar de nueva línea.
box-reflect Se utiliza para crear efectos de reflexión en un elemento.
box-shadow Añade una o más sombras a un elemento.
box-sizing Define la forma de calcular el ancho y la altura de un elemento: si deben incluir el relleno y el borde.
break-after Especifica si debe aparecer page-, column- o region-break después del elemento especificado.
break-before Especifica si debe aparecer page-, column- o region-break antes del elemento especificado.
break-inside Especifica si debe aparecer page-, column- o region-break dentro del elemento especificado.

C

caption-side Especifica la forma en que se colocan los títulos de la tabla.
caret-color Especifica el color del cursor en input, textarea o cualquier elemento editable.
@charset Especifica el código de caracteres de la codificación utilizada en la hoja de estilo.
clear Especifica 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 en una 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 las columnas (si balanced).
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 la regla entre las columnas.
column-span Determina cuántas columnas debe cruzar el elemento.
column-width Determina el ancho de las columnas.
columns Atributo abreviado de column-width y column-count.
@container Define el estilo de los elementos dentro del contenedor basado en el tamaño o 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 estilos de contador personalizados.
cursor Determina el cursor que se debe mostrar al apuntar al elemento.

D

direction Determina la dirección del texto y la dirección de escritura.
display Determina cómo se debe mostrar un elemento HTML.

E

empty-cells Determina si se muestra el borde y el fondo en las celdas vacías de la tabla.

F

filter Define el efecto antes de que se muestre el elemento (por ejemplo, desdibujado o desplazamiento de color).
flex Atributo abreviado de flex-grow, flex-shrink y flex-basis.
flex-basis Determina la longitud inicial de los elementos flexibles.
flex-direction Determina la dirección de los elementos flexibles.
flex-flow Atributo abreviado de flex-direction y flex-wrap.
flex-grow El aumento de los proyectos en comparación con los demás proyectos.
flex-shrink El reajuste de los proyectos en comparación con los demás proyectos.
flex-wrap Determinar si los elementos flexibles deben cambiar de línea.
float Determinar si se debe flotar el cuadro (box).
font Atributo abreviado de font-style, font-variant, font-weight, font-size/line-height y font-family.
@font-face Permitir reglas para que los sitios web descarguen y utilicen otros tipos de letra además de los tipos de letra "web-safe".
font-family Determinar la familia de fuentes (serie de fuentes) del texto.
font-feature-settings Permitir controlar características avanzadas de impresión en tipografías 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 un idioma en el tipo de letra.
@font-palette-values Permitir personalizar los valores por defecto del paleta de fuentes.
font-size Determinar el tamaño de la fuente del texto.
font-size-adjust Mantener la legibilidad en caso de retroceso de tipo de letra.
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 letra 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 formas alternativas de caracteres asociados con nombres alternativos definidos en @font-feature-values.
font-variant-caps Controlar el uso de formas alternativas de caracteres para mayúsculas.
font-variant-east-asian Controlar el uso de formas alternativas de caracteres para textos de lenguas de Asia Oriental (por ejemplo, chino y japonés).
font-variant-ligatures Controlar el uso de formas alternativas de caracteres en el contenido de texto del elemento aplicable.
font-variant-numeric Controlar el uso de formas alternativas de caracteres para números, fracciones y marcas de enumeración.
font-variant-position Controlar el uso de formas alternativas de caracteres pequeños, que se sitúan en la posición superior o inferior con respecto a la línea base del tipo de letra.
font-weight Especificar el grosor de la fuente.

G

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 Se puede especificar el nombre del elemento de rejilla o el atributo abreviado de grid-row-start, grid-column-start, grid-row-end y grid-column-end.
grid-auto-columns Especificar el tamaño de columna predeterminado.
grid-auto-flow Especificar cómo insertar elementos colocados automáticamente en la rejilla.
grid-auto-rows Especificar el tamaño de fila predeterminado.
grid-column Atributo abreviado de grid-column-start y grid-column-end.
grid-column-end Especificar cómo finalizar el elemento de rejilla.
grid-column-gap Especificar el tamaño del espacio entre filas.
grid-column-start Especificar desde dónde comienza el elemento 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 Especificar dónde termina el elemento de rejilla.
grid-row-gap Especificar el tamaño del espacio entre filas.
grid-row-start Especificar desde dónde comienza el elemento de rejilla.
grid-template Atributo abreviado de grid-template-rows, grid-template-columns y grid-areas.
grid-template-areas Especificar cómo se utilizan los elementos de rejilla nombrados para mostrar columnas y filas.
grid-template-columns Especificar el tamaño de las columnas y el número de columnas en el diseño de rejilla.
grid-template-rows Especificar el tamaño de las filas en el diseño de rejilla.

H

hanging-punctuation Determinar si se pueden放置puntuación fuera de la caja de línea.
height Establecer la altura del elemento.
hyphens Establecer cómo dividir las palabras para mejorar el diseño del párrafo.
hyphenate-character Establecer el carácter utilizado antes de la nueva línea para la ruptura de guiones.

I

image-rendering especifica el tipo de algoritmo utilizado para la escalado de imágenes.
@import permite importar una hoja de estilos en otra hoja de estilos.
initial-letter permite especificar el tamaño de la inicial y, opcionalmente, el número de líneas que debe descender la inicial.
inline-size especifica el tamaño del elemento en la dirección del renglón.
inset especifica la distancia entre el elemento y el elemento padre.
inset-block especifica la distancia desde el elemento al elemento padre en la dirección del bloque.
inset-block-end especifica la distancia desde el punto de final del elemento al elemento padre en la dirección del bloque.
inset-block-start especifica la distancia desde el punto de partida del elemento al elemento padre en la dirección del bloque.
inset-inline especifica la distancia desde el elemento al elemento padre en la dirección del renglón.
inset-inline-end especifica la distancia desde el punto de final del elemento al elemento padre en la dirección del renglón.
inset-inline-start especifica la distancia desde el punto de partida del elemento al elemento padre en la dirección del renglón.
isolation define si el elemento debe crear nuevo contenido de apilamiento.

J

justify-content especifica el alineamiento de los elementos en el contenedor flexible, cuando los elementos no utilizan todo el espacio disponible.
justify-items especifica el alineamiento de los elementos de cuadrícula en la dirección del renglón. Se establece en el contenedor de cuadrícula.
justify-self especifica el alineamiento de los elementos de cuadrícula en la dirección del renglón. Se establece en el elemento de cuadrícula.

K

@keyframes especifica el código de animación.

L

@layer controla el orden de evaluación de estilos en la superposición de capas de CSS.
left Determina la posición lateral izquierda del elemento de alineación.
letter-spacing aumenta o disminuye el espaciado de caracteres en el texto.
line-break cómo/¿si se realiza el salto de línea?
line-height establece la altura del renglón.
list-style establece todos los atributos de lista en una declaración.
list-style-image asigna una imagen como marcador de lista.
list-style-position especifica la posición del marcador de lista.
list-style-type especifica el tipo de marcador de lista.

M

margin establece todos los atributos 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 punto de final de la dirección del bloque.
margin-block-start especifica el margen en el punto de partida 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 renglón.
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 (el primero, intermedio y último) del camino del elemento.
marker-end Se refiere a la marca que se dibujará en el último vértice del camino del elemento.
marker-mid Se refiere a la marca que se dibujará en todos los vértices intermedios del camino del elemento.
marker-start Se refiere a la marca que se dibujará en el primer vértice del camino del elemento.
mask

A continuación se muestra el atributo abreviado de las siguientes propiedades:
mask-clip Se especifica la área afectada por la imagen de la máscara.
mask-composite Se especifica la operación de composición utilizada entre la capa superior de máscara y la capa inferior de máscara.
mask-image Se especifica la imagen que se utiliza como máscara del elemento.
mask-mode Se especifica si la imagen de la máscara se maneja 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 Se especifica SVG Se especifica si el elemento se maneja 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 especifica cómo debe mezclarse el contenido del elemento con el fondo de su padre directo.

N

@namespace Se define el espacio de nombres XML utilizado en la hoja de estilos.

O

object-fit Se especifica cómo debe adaptarse el contenido del elemento sustituido al cuadro que se crea con su altura y anchura.
object-position Especifica el modo de alineación del elemento sustituido en su cuadro.
offset

A continuación se muestra el atributo abreviado de las siguientes propiedades:
offset-anchor Especifica el punto fijo en la trayectoria del elemento.
offset-distance Especifica la posición del elemento en la trayectoria.
offset-path Especifica la trayectoria a lo largo de la cual se anima el elemento.
offset-position Especifica la posición inicial del elemento a lo largo de la trayectoria.
offset-rotate Especifica la rotación del elemento mientras 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 demás 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 del contorno.
outline-offset Desplaza el contorno y lo dibuja fuera del borde.
outline-style Establece el estilo del contorno.
outline-width Establece el ancho de la línea de contorno.
overflow Especifica qué sucederá si el contenido se desborda el cuadro del elemento.
overflow-anchor Especifica si se debe empujar el contenido visible hacia abajo en el contenedor desplazable al cargar nuevos contents.
overflow-wrap Especifica si el navegador puede realizar un salto de línea en una palabra larga que desborda el contenedor.
overflow-wrap Especifica si el navegador puede realizar un salto de línea dentro de una palabra para evitar desbordamiento (cuando una cadena es demasiado larga para adaptarse a su contenedor).
overflow-x Especifica si se recortará el borde izquierdo y derecho del contenido, si se desborda el área de contenido del elemento.
overflow-y Especifica si se recortará el borde 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.

P

padding Atributo abreviado de todas las propiedades padding-*.
padding-block Especifica la margen interna en la dirección block.
padding-block-end Especifica la margen interna de finalización en la dirección block.
padding-block-start Especifica la margen interna de inicio en la dirección block.
padding-bottom Establece la margen interna inferior del elemento.
padding-inline Especifica la margen interna en la dirección inline.
padding-inline-end Especifica la margen interna de finalización en la dirección inline.
padding-inline-start Especifica la margen interna de inicio en la dirección inline.
padding-left Establece la margen interna izquierda del elemento.
padding-right Establece la margen interna derecha del elemento.
padding-top Establece la margen superior interna del elemento.
@page Personaliza el tamaño, la orientación y los márgenes de la página de impresión.
page-break-after Establece el comportamiento de división de página (page-break) después del elemento.
page-break-before Establece el comportamiento de división de página (page-break) antes del elemento.
page-break-inside Establece el comportamiento de división de página (page-break) dentro del elemento.
paint-order Establece el orden de dibujo de los elementos SVG o texto.
perspective Proporciona una perspectiva para los elementos de alineación 3D.
perspective-origin Define la posición desde la que el usuario observa el elemento de alineación 3D.
place-content Especifica los valores de las propiedades align-content y justify-content del flexbox y el diseño de cuadrícula.
place-items Especifica los valores de las propiedades align-items y justify-items del diseño de cuadrícula.
place-self Especifica los valores de las propiedades align-self y justify-self del diseño de cuadrícula.
pointer-events Define si el elemento responde a eventos de puntero.
position Especifica el tipo de método de alineación utilizado para el elemento (estático, relativo, absoluto o fijo).
@property Define atributos CSS personalizados directamente en la hoja de estilo, sin necesidad de ejecutar ningún JavaScript.

Q

quotes Configura el tipo de comillas.

R

resize Define si el usuario puede y cómo ajustar el tamaño del elemento.
right Determina la posición lateral izquierda del elemento de alineación.
rotate Especifica la rotación del elemento.
row-gap Especifica el espacio entre las filas de la cuadrícula.

S

scale Especifica el tamaño del elemento mediante la ampliación o reducción.
@scope Permite seleccionar elementos específicos dentro de un subárbol DOM específico y posicionarlos con precisión sin escribir selectores demasiado específicos.
scroll-behavior Define si el cuadro deslizante se desliza suavemente o salta directamente.
scroll-margin La márgen exterior entre la posición de adhesión y el contenedor.
scroll-margin-block La márgen exterior entre la posición de adhesión en la dirección de bloque y el contenedor.
scroll-margin-block-end La márgen exterior entre la posición de adhesión en la dirección de bloque y el final del contenedor.
scroll-margin-block-start La márgen exterior entre la posición de adhesión en la dirección de bloque y el inicio del contenedor.
scroll-margin-bottom La márgen exterior entre la posición de adhesión inferior y el contenedor.
scroll-margin-inline La márgen exterior entre la posición de adhesión en la dirección de línea y el contenedor.
scroll-margin-inline-end La márgen exterior entre la posición de adhesión en la dirección de línea y el final del contenedor.
scroll-margin-inline-start La márgen exterior entre la posición de adhesión en la dirección de línea y el inicio del contenedor.
scroll-margin-left La márgen exterior entre la posición de adhesión izquierda y el contenedor.
scroll-margin-right La márgen exterior entre la posición de adhesión derecha y el contenedor.
scroll-margin-top La márgen exterior 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 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 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 línea hasta la posición de adhesión del elemento.
scroll-padding-left Se especifica la distancia del borde izquierdo del contenedor al punto de adhesión del subelemento.
scroll-padding-right Se especifica la distancia del borde derecho del contenedor al punto de adhesión del subelemento.
scroll-padding-top Se especifica la distancia del borde superior del contenedor al punto de adhesión del subelemento.
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 un deslizamiento rápido en el panel táctil o la 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 una característica CSS.

T

tab-size Se especifica el ancho del tabulador.
table-layout Se define el algoritmo utilizado para la disposición de celdas, filas y columnas.
text-align Se especifica el modo de 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 especifica la decoración del texto.
text-decoration-color Se especifica el color de la decoración del texto (text-decoration).
text-decoration-line Se especifica el tipo de línea en la decoración del texto (text-decoration).
text-decoration-style Se especifica el estilo de línea en la decoración del texto (text-decoration).
text-decoration-thickness Se especifica el grosor de la línea decorativa.
text-emphasis

A continuación se muestra el atributo abreviado de las siguientes propiedades:
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 especifica el reajuste del primer renglón dentro de un bloque de texto (text-block).
text-justify Se especifica 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 texto subrayado.
text-underline-position Especificar la posición de la decoración de texto subrayado.
top Especificar la posición superior del elemento de alineación.
transform Aplicar una transformación 2D o 3D al elemento.
transform-origin Permitir cambiar la posición del elemento transformado.
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 los 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.

U

unicode-bidi Usado junto con la propiedad direction, establecer o devolver si se debe sobrescribir el texto para soportar varios idiomas en el mismo documento.
user-select Especificar si se puede seleccionar el texto del elemento.

V

vertical-align Establecer el alineamiento vertical del elemento.
visibility Especificar si el elemento debe ser visible.

W

white-space Especificar cómo manejar los caracteres de espacio en blanco dentro del elemento.
widows Establecer el número mínimo de líneas que deben permanecer en la parte superior de la página o de la columna.
widows Establecer el número mínimo de líneas que deben permanecer en la parte superior de la página si ocurre una división de páginas dentro del elemento.
width Establecer el ancho del elemento.
word-break Especificar cómo hacer que las palabras se desplacen a la próxima línea después de alcanzar el final de la línea.
word-spacing Aumentar o reducir el espacio entre palabras en el texto.
word-wrap Permitir que las palabras largas, que no pueden partirse, se desplacen a la próxima línea.
writing-mode Especificar si la alineación de las líneas de texto es horizontal o vertical.

Z

z-index Establecer el orden de apilamiento de los elementos de alineación.
zoom Factor de escala del elemento especificado. El elemento puede ampliar y reducirse.