all
===

Resumen
-------

La propiedad de forma reducida **`all`** restaura todas las propiedades, excepto `unicode-bidi` (en-US) 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` (en-US) 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` (en-US) 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` (en-US) 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` (en-US) 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`
```

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


```
html {
  font-size: small;
  background-color: #f0f0f0;
  color: blue;
}
blockquote {
  background-color: skyblue;
  color: red;
}
```


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

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


```
html {
  font-size: small;
  background-color: #f0f0f0;
  color: blue;
}
blockquote {
  background-color: skyblue;
  color: red;
}
blockquote {
  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`
```

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


```
html {
  font-size: small;
  background-color: #f0f0f0;
  color: blue;
}
blockquote {
  background-color: skyblue;
  color: red;
}
blockquote {
  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`
```

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


```
html {
  font-size: small;
  background-color: #f0f0f0;
  color: blue;
}
blockquote {
  background-color: skyblue;
  color: red;
}
blockquote {
  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 with JavaScript enabled. Enable JavaScript to view data.

Véase también
-------------

Los valores de las propiedades CSS: `initial`, `inherit`, `unset` (en-US), y `revert` (en-US).