all

Resumen

La propiedad de forma reducida all restaura todas las propiedades, excepto unicode-bidi y direction, a su valor inicial o heredado.

Valor inicialThere is no practical initial value for it.
Applies toall elements
Heredableno
MediaThere is no practical media for it.
Valor calculadoas the specified value applies to each property this is a shorthand for.
Animation typeas each of the properties of the shorthand (all properties but unicode-bidi and direction)
Canonical orderel 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-bidi y direction 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 y direction 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 y direction 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.
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.

Temas relacionados