Wszystkie - CSS-Tricks

Anonim

allNieruchomość w CSS resetuje wszystkie właściwości wybranego elementu, z wyjątkiem tych directioni unicode-bidiwłaściwości, które kierunek tekstu kontrola.

.module ( all: unset; )

Chodzi o to, aby umożliwić resetowanie stylów na poziomie komponentów. Czasami znacznie łatwiej jest zacząć od zera ze stylizacją, niż walczyć ze wszystkim, co już jest.

Wartości

  • initial: resetuje wszystkie właściwości wybranego elementu do ich początkowych wartości, jak określono w specyfikacji CSS.
  • inherit: wybrany element dziedziczy wszystkie style swojego elementu nadrzędnego, w tym style, które normalnie nie są dziedziczone.
  • unset: wybrany element dziedziczy wszystkie dziedziczone wartości przekazane z elementu nadrzędnego. Jeśli żadna dziedziczona wartość nie jest dostępna, dla każdej właściwości używana jest wartość początkowa ze specyfikacji CSS.

Kilka właściwości nie ma wartości początkowej jawnie zdefiniowanej w specyfikacji i zamiast tego umożliwia agentowi użytkownika ustawienie wartości początkowej - colori font-familysą to dwa przykłady. Jeśli zastosowano all: initial;lub all: unset;, wartość domyślna agenta użytkownika jest używana jako initialwartość tych właściwości.

alljest uważana za właściwość „skróconą”, ponieważ pozwala nam kontrolować wartości każdej właściwości CSS naraz za pomocą pojedynczej deklaracji. Jednak w przeciwieństwie do większości właściwości skróconych nie ma praktycznej wersji „odręcznej” i nie ma ona właściwości podrzędnych.

Próbny

Na karcie CSS znajdziesz komentarze wskazujące, które właściwości są dziedziczone. Zauważ, że gdy inheritwartość jest używana, divinherits Każda nieruchomość od swojego rodzica, w tym to width, paddingi border, które normalnie nie są dziedziczone.

Zobacz demo Pen all property autorstwa CSS-Tricks (@ css-tricks) na CodePen.

Więcej informacji

  • all w wersji roboczej W3C CSS Cascading and Inheritance Level 4 Editor's Draft
  • Pełna tabela właściwości CSS2: pokazuje dziedziczenie wszystkich właściwości CSS2. Specyfikacja CSS3 jest podzielona na wiele części i jest indeksowana w tabeli specyfikacji.
  • Zapoznanie się z Initial: więcej szczegółów na temat initialwartości.
  • Resetowanie stylu za pomocą polecenia „all: unset” w przeglądarce Firefox 27 (2013) autorstwa Camerona McCormacka

Wsparcie przeglądarki

Te dane dotyczące obsługi przeglądarek pochodzą od Caniuse, który zawiera więcej szczegółów. Liczba wskazuje, że przeglądarka obsługuje tę funkcję w tej wersji i nowszych.

Pulpit

Chrom Firefox TO ZNACZY Brzeg Safari
37 27 Nie 79 9.1

Telefon komórkowy / tablet

Android Chrome Android Firefox Android iOS Safari
88 85 4.4.3-4.4.4 9.3