all
Nieruchomość w CSS resetuje wszystkie właściwości wybranego elementu, z wyjątkiem tych direction
i unicode-bidi
wł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 - color
i font-family
są to dwa przykłady. Jeśli zastosowano all: initial;
lub all: unset;
, wartość domyślna agenta użytkownika jest używana jako initial
wartość tych właściwości.
all
jest 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 inherit
wartość jest używana, div
inherits Każda nieruchomość od swojego rodzica, w tym to width
, padding
i 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
initial
wartoś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 |