all
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 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-bidi
ydirection
no 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-bidi
ydirection
no 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-bidi
ydirection
no 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
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
Specification |
---|
CSS Cascading and Inheritance Level 4 # all-shorthand |
Compatibilidad con navegadores
BCD tables only load in the browser