A all
propriedade em CSS redefine todas as propriedades do elemento selecionado, exceto as propriedades direction
e unicode-bidi
que controlam a direção do texto.
.module ( all: unset; )
O objetivo é permitir a redefinição de estilos em nível de componente. Às vezes é muito mais fácil começar do zero com o estilo do que lutar contra tudo o que já existe.
Valores
initial
: redefine todas as propriedades do elemento selecionado para seus valores iniciais, conforme definido na especificação CSS.inherit
: o elemento selecionado herda todo o estilo de seu elemento pai, incluindo estilos que normalmente não são herdáveis.unset
: o elemento selecionado herda todos os valores herdáveis transmitidos do elemento pai. Se nenhum valor herdável estiver disponível, o valor inicial da especificação CSS é usado para cada propriedade.
Algumas propriedades não têm um valor inicial explicitamente definido na especificação e, em vez disso, permitem que o agente do usuário defina o valor inicial - color
e font-family
são dois exemplos. Se all: initial;
ou all: unset;
for aplicado, o valor padrão do agente do usuário será usado como o initial
valor para essas propriedades.
all
é considerada uma propriedade “abreviada” porque nos permite controlar os valores de cada propriedade CSS de uma vez com uma única declaração. No entanto, ao contrário da maioria das propriedades abreviadas, não existe uma versão prática “extensa” e não possui subpropriedades.
Demo
Consulte a guia CSS para obter comentários que indicam quais propriedades são herdáveis. Observe que quando o inherit
valor é usado, as div
herda todas as propriedades de seu pai, inclusive ele é width
, padding
e border
, o que normalmente não são herdadas.
Veja a demonstração da propriedade Pen all por CSS-Tricks (@ css-tricks) no CodePen.
Mais Informações
all
no Rascunho do Editor do W3C CSS Cascading and Inheritance Level 4- CSS2 Full Property Table: mostra a herdabilidade de todas as propriedades CSS2. A especificação CSS3 é dividida em várias partes e é indexada na Tabela de Especificações.
- Familiarizando-se com o Initial: mais detalhes sobre o
initial
valor. - Redefinindo o estilo usando 'all: unset' no Firefox 27 (2013) por Cameron McCormack
Suporte para navegador
Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.
Área de Trabalho
cromada | Raposa de fogo | IE | Beira | Safári |
---|---|---|---|---|
37 | 27 | Não | 79 | 9,1 |
Celular / Tablet
Android Chrome | Android Firefox | Android | iOS Safari |
---|---|---|---|
88 | 85 | 4.4.3-4.4.4 | 9,3 |