Todo - Trucos CSS | Almanaque CSS 2024

La allpropiedad en CSS restablece todas las propiedades del elemento seleccionado, excepto las propiedades directiony unicode-bidique controlan la dirección del texto.

.module ( all: unset; )

El objetivo es permitir el restablecimiento de estilos a nivel de componente. A veces es mucho más fácil empezar de cero con el estilo en lugar de luchar contra todo lo que ya está ahí.

Valores

initial: restablece todas las propiedades del elemento seleccionado a sus valores iniciales como se define en la especificación CSS.
inherit: el elemento seleccionado hereda todo el estilo de su elemento padre, incluidos los estilos que normalmente no son heredables.
unset: el elemento seleccionado hereda los valores heredables transmitidos desde el elemento principal. Si no hay ningún valor heredable disponible, el valor inicial de la especificación CSS se utiliza para cada propiedad.

Algunas propiedades no tienen un valor inicial definido explícitamente en la especificación y, en cambio, permiten que el agente de usuario establezca el valor inicial, colory font-familyson dos ejemplos. Si se aplica all: initial;o all: unset;, el valor predeterminado del agente de usuario se utiliza como initialvalor para estas propiedades.

allse considera una propiedad "abreviada" porque nos permite controlar los valores de cada propiedad CSS a la vez con una sola declaración. Sin embargo, a diferencia de la mayoría de las propiedades de taquigrafía, no existe una versión práctica de "taquigrafía" y no tiene propiedades secundarias.

Manifestación

Consulte la pestaña CSS para ver los comentarios que indican qué propiedades son heredables. Tenga en cuenta que cuando el inheritvalor se utiliza, los divhereda todas las propiedades de su padre, que está incluida width, paddingy border, lo que normalmente no son heredados.

Vea la demostración de todas las propiedades de Pen de CSS-Tricks (@ css-tricks) en CodePen.

Más información

all en el borrador del editor de nivel 4 en cascada y herencia de CSS del W3C
Tabla de propiedades completas de CSS2: muestra la heredabilidad de todas las propiedades de CSS2. La especificación CSS3 está dividida en varias partes y está indexada en la Tabla de especificaciones.
Familiarizándose con Initial: más detalles sobre el initialvalor.
Restablecimiento del estilo usando 'todo: desarmado' en Firefox 27 (2013) por Cameron McCormack

Soporte del navegador

Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión en adelante.