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