Tudo - CSS-Tricks

Anonim

A allpropriedade em CSS redefine todas as propriedades do elemento selecionado, exceto as propriedades directione unicode-bidique 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 - colore font-familysão dois exemplos. Se all: initial;ou all: unset;for aplicado, o valor padrão do agente do usuário será usado como o initialvalor 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 inheritvalor é usado, as divherda todas as propriedades de seu pai, inclusive ele é width, paddinge 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 initialvalor.
  • 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