Όλα - CSS-Κόλπα | CSS Almanac 2025

Η allιδιότητα στο CSS επαναφέρει όλες τις ιδιότητες του επιλεγμένου στοιχείου, εκτός από τις ιδιότητες directionκαι τις unicode-bidiιδιότητες που ελέγχουν την κατεύθυνση του κειμένου.

.module ( all: unset; )

Το σημείο είναι ότι επιτρέπει την επαναφορά στυλ σε επίπεδο στοιχείων. Μερικές φορές είναι πολύ πιο εύκολο να ξεκινήσετε από το μηδέν με το στυλ παρά να παλέψετε με όλα όσα υπάρχουν ήδη εκεί.

Αξίες

initial: επαναφέρει όλες τις ιδιότητες του επιλεγμένου στοιχείου στις αρχικές τους τιμές όπως ορίζονται στις προδιαγραφές CSS.
inherit: το επιλεγμένο στοιχείο κληρονομεί όλο το στυλ του γονικού του στοιχείου, συμπεριλαμβανομένων των στυλ που δεν είναι συνήθως κληρονομικά.
unset: το επιλεγμένο στοιχείο κληρονομεί τυχόν κληρονομικές τιμές που μεταβιβάζονται από το γονικό στοιχείο. Εάν δεν υπάρχει διαθέσιμη κληρονομική τιμή, η αρχική τιμή από την προδιαγραφή CSS χρησιμοποιείται για κάθε ιδιότητα.

Μερικές ιδιότητες δεν έχουν αρχική τιμή που ορίζεται ρητώς στην προδιαγραφή και αντ 'αυτού επιτρέπουν στον πράκτορα χρήστη να ορίσει την αρχική τιμή - colorκαι font-familyείναι δύο παραδείγματα. Εάν all: initial;ή all: unset;εφαρμόζεται, η προεπιλεγμένη τιμή του παράγοντα χρήστη χρησιμοποιείται ως η initialτιμή για αυτές τις ιδιότητες.

allθεωρείται ιδιοκτησία "στενής" επειδή μας επιτρέπει να ελέγξουμε ταυτόχρονα τις τιμές κάθε ιδιοκτησίας CSS με μία μόνο δήλωση. Ωστόσο, σε αντίθεση με τις περισσότερες στενές ιδιότητες, δεν υπάρχει πρακτική έκδοση "longhand" και δεν έχει υπο-ιδιότητες.

Διαδήλωση

Ανατρέξτε στην καρτέλα CSS για σχόλια που υποδεικνύουν ποιες ιδιότητες είναι κληρονομικές. Παρατηρήστε ότι όταν η inheritτιμή χρησιμοποιείται, οι divκληρονομεί κάθε ακίνητο από τη μητρική της, συμπεριλαμβανομένης της είναι width, paddingκαι borderτα οποία κανονικά δεν κληρονομείται.

Δείτε την επίδειξη του Pen All Properti από CSS-Tricks (@ css-tricks) στο CodePen.

Περισσότερες πληροφορίες

all στο πρόχειρο του συντάκτη W3C CSS Cascading and Inheritance Level 4
Πίνακας πλήρους ιδιοκτησίας CSS2: δείχνει την κληρονομικότητα όλων των ιδιοτήτων CSS2. Η προδιαγραφή CSS3 χωρίζεται σε πολλά μέρη και ευρετηριάζεται στον Πίνακα Προδιαγραφών.
Γνωριμία με το αρχικό: περισσότερες λεπτομέρειες σχετικά με την initialτιμή.
Επαναφορά στυλ χρησιμοποιώντας "all: unset" στον Firefox 27 (2013) από τον Cameron McCormack

Υποστήριξη προγράμματος περιήγησης

Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.