all
Baseline
Ampliamente disponible
Esta característica está consolidada y funciona en muchos dispositivos y versiones de navegador. Está disponible en todos los navegadores desde enero de 2020.
Resumen
La propiedad de forma reducida all restaura todas las propiedades, excepto unicode-bidi y direction, a su valor inicial o heredado.
| Valor inicial | There is no practical initial value for it. |
|---|---|
| Applies to | all elements |
| Heredable | no |
| Valor calculado | as the specified value applies to each property this is a shorthand for. |
| Animation type | as each of the properties of the shorthand (all properties but unicode-bidi and direction) |
Sintaxis
all: initial;
all: inherit;
all: unset;
/* CSS Cascading and Inheritance Level 4 */
all: revert;
Valores
initial-
Esta palabra clave indica que se cambien todas las propiedades aplicables al elemento, o a su elemento padre, a sus valores iniciales. Los valores de
unicode-bidiydirectionno son afectados. inherit-
Esta palabra clave indica que se cambien todas las propiedades aplicables al elemento, o a su elemento padre, a los valores de los elementos padre. Los valores de
unicode-bidiydirectionno son afectados. unset-
Esta palabra clave indica que se cambien todas las propiedades aplicables al elemento, o a su elemento padre, a los valores de los elementos padres, si son heredadas, o a sus valores iniciales en caso contrario. Los valores de
unicode-bidiydirectionno son afectados. revert-
Si el valor en cascada de una propiedad es la palabra clave revert, el comportamiento dependerá del origen al que pertenece la declaración:
- user-agent origin
-
Equivalente a
unset. - user origin
-
Revierte la cascada al nivel del agente usuario, para que el valor especificado sea calculado como si no se hubieran especificado reglas a nivel de autor o a nivel de usuario para esta propiedad.
-
Revierte la cascada a nivel del usuario, para que el valor especificado sea calculado como si no se hubieran especificado reglas a nivel de autor para esta propiedad. Para permitir la reversión, este origen incluye los orígenes de Override y Animation.
Sintaxis formal
all =
initial |
inherit |
unset |
revert |
revert-layer |
revert-rule
Ejemplos
HTML
<blockquote id="quote">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.
CSS
html {
font-size: small;
background-color: #f0f0f0;
color: blue;
}
blockquote {
background-color: skyblue;
color: red;
}
Su resultado es:
Sin propiedad all
El elemento <blockquote> usa los estilos predeterminados del navegador junto con colores de fondo y de texto específicos. También se comporta como elemento block: el texto que le sigue está debajo de él.
all:unset
El elemento <blockquote> no usa los estilos predeterminados del navegador: ahora es un elemento inline (valor inicial), su propiedad background-color es transparent (valor inicial), pero su propiedad font-size sigue siendo small (valor heredado) y su propiedad color es blue (valor heredado).
all:initial
El elemento <blockquote> no usa los estilos predeterminados del navegador: ahora es un elemento inline element (valor inicial), su propiedad background-color es transparent (valor inicial), su propiedad font-size es normal (valor inicial) y su propiedad color es black (valor inicial).
all:inherit
El elemento <blockquote> no usa los estilos predeterminados del navegador: ahora es un elemento block (valor heredado de su contenedor <div>), su propiedad background-color es transparent (valor heredado), su propiedad font-size es small (valor heredado) y su propiedad color es blue (valor heredado).
Especificaciones
| Especificación |
|---|
| CSS Cascading and Inheritance Level 4 # all-shorthand |
Compatibilidad con navegadores
Véase también
Los valores de las propiedades CSS: initial, inherit, unset, y revert.