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
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)

Sintaxis

css
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

all = 
  initial       |
  inherit       |
  unset         |
  revert        |
  revert-layer

Ejemplos

HTML

html
<blockquote id="quote">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</blockquote>
Phasellus eget velit sagittis.

CSS

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

Véase también

Los valores de las propiedades CSS: initial, inherit, unset, y revert.