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 |
| Media | There is no practical media for it. |
| 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) |
| Canonical order | el orden único no-ambigüo definido por la gramática formal |
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.
- author origin
- 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
initial | inherit | unset | revert
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 | Estado | Comentarios |
|---|---|---|
| CSS Cascading and Inheritance Level 4 La definición de 'all' en esta especificación. |
Candidate Recommendation | Añadido el valor revert. |
| CSS Cascading and Inheritance Level 3 La definición de 'all' en esta especificación. |
Candidate Recommendation | Definición inicial. |
Compatibilidad de navegadores
We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!
| Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Soporte básico | 37 | 27 (27) | Sin soporte | 24 | Sin soporte |
revert |
Sin soporte | Sin soporte | Sin soporte | Sin soporte | 9.1 |
| Característica | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Soporte básico | Sin soporte | 27.0 (27) | Sin soporte | Sin soporte | Sin soporte |
revert |
Sin soporte | Sin soporte | Sin soporte | Sin soporte | 9.3 |
Véase también
Los valores de las propiedades CSS: initial, inherit, unset, y revert.