Το Essential CSS3 Properties Cheat Sheet
Διαφήμιση Το Cascading Style Sheets ή το CSS ορίζουν την εμφάνιση και την αίσθηση του ιστού όπως τον ξέρουμε. Ενώ το HTML και το JavaScript εστιάζουν στη λειτουργική πλευρά του ιστού, το CSS ασχολείται με τις οπτικές πτυχές του. Χρειάζεστε βοήθεια στην πλοήγηση στον κόσμο που είναι CSS3; Κατεβάστε "Essential CSS3 Properties Cheat Sheet" σήμερα! Αφού μάθατε πώς μ
Διαφήμιση
Το Cascading Style Sheets ή το CSS ορίζουν την εμφάνιση και την αίσθηση του ιστού όπως τον ξέρουμε. Ενώ το HTML και το JavaScript εστιάζουν στη λειτουργική πλευρά του ιστού, το CSS ασχολείται με τις οπτικές πτυχές του.
Χρειάζεστε βοήθεια στην πλοήγηση στον κόσμο που είναι CSS3; Κατεβάστε "Essential CSS3 Properties Cheat Sheet" σήμερα!Αφού μάθατε πώς μπορείτε να δημιουργήσετε στατικές ιστοσελίδες με HTML, ήρθε η ώρα να ανακαλύψετε πώς να τις στυλιστούν και να τους παρουσιάσετε με το CSS. Και οι ιδιότητές μας CSS3 cheat sheet παρακάτω μπορούν να σας βοηθήσουν με αυτό! Καλύπτει τη βασική σύνταξη που πρέπει να γνωρίζετε σχετικά με το CSS3, το οποίο είναι η τελευταία έκδοση του CSS.
Μια λειτουργική γνώση του CSS σας βοηθά να προσαρμόσετε τα χρώματα, τις γραμματοσειρές, τα σύνορα, τα φόντα, τις διατάξεις και πολλά άλλα στις ιστοσελίδες με έναν απλοποιημένο τρόπο. Επιπλέον, έρχεται σε πρακτικό σχεδιασμό εφαρμογών ιστού και κινητής τηλεφωνίας.
ΔΩΡΕΑΝ ΛΗΨΗ: Αυτό το φύλλο εξαπάτησης είναι διαθέσιμο ως downloadable PDF από τον συνεργάτη διανομής μας, TradePub. Θα χρειαστεί να συμπληρώσετε μια σύντομη φόρμα για να την έχετε πρόσβαση για πρώτη φορά μόνο. Κατεβάστε το Essential CSS3 Properties Cheat Sheet.
Το Essential CSS3 Properties Cheat Sheet
| Συντομότερος τρόπος | Δράση |
|---|---|
| Ιδιότητες φόντου | |
| Ιστορικό | Ορίζει μια ποικιλία ιδιοτήτων φόντου μέσα σε μία δήλωση. |
| προσάρτηση φόντου | Καθορίζει αν η εικόνα φόντου είναι σταθερή ή μετακινείται με την ιστοσελίδα. |
| χρώμα του φόντου | Ορίζει το χρώμα φόντου ενός στοιχείου στην ιστοσελίδα. |
| εικόνα φόντου | Ορίζει την εικόνα φόντου ενός στοιχείου. |
| κλιπ φόντου | Καθορίζει σε ποιο βαθμό εκτείνεται η εικόνα φόντου ή το χρώμα για ένα στοιχείο. |
| αρχική προέλευση | Καθορίζει την περιοχή τοποθέτησης των εικόνων φόντου. |
| φόντο-θέση | Ορίζει την προέλευση μιας εικόνας φόντου. |
| background-repeat | Καθορίζει τον τρόπο εμφάνισης της εικόνας φόντου. |
| μέγεθος φόντου | Καθορίζει το μέγεθος των εικόνων φόντου. |
| Ιδιότητες συνόρων | |
| σύνορο | Ορίζει το πλάτος, το στυλ και το χρώμα των συνόρων και για τις τέσσερις πλευρές ενός στοιχείου. |
| κάτω από τα σύνορα | Ορίζει το πλάτος, το στυλ και το χρώμα για το κάτω όριο ενός στοιχείου. |
| χρώμα-κάτω | Ορίζει το χρώμα του κάτω ορίου ενός στοιχείου. |
| ακτίνα-κάτω-αριστερά-ακτίνα | Ορίζει το σχήμα της κάτω αριστεράς γωνίας του στοιχείου. |
| ακροδεξιά-κάτω-δεξιά-ακτίνα | Ορίζει το σχήμα της κάτω-δεξιάς γωνίας του πλαισίου ενός στοιχείου. |
| με μετωπικό στυλ | Ορίζει το στυλ του κάτω περιγράμματος ενός στοιχείου. |
| οριζόντιο πλάτος | Ορίζει το πλάτος του κάτω ορίου ενός στοιχείου. |
| χρώμα πλαισίου | Ορίζει το χρώμα του περιγράμματος σε όλες τις τέσσερις πλευρές ενός στοιχείου. |
| συνοριακή εικόνα | Καθορίζει τον τρόπο με τον οποίο θα χρησιμοποιηθεί μια εικόνα στη θέση των στυλ των περιγραμμάτων. |
| αρχική εικόνα εικόνας | Καθορίζει το ποσό με το οποίο η περιοχή της εικόνας του περιγράμματος εκτείνεται πέρα από το πλαίσιο των συνόρων. |
| επαναφορά όψης-εικόνας-επανάληψης | Καθορίζει τον τρόπο εμφάνισης της εικόνας του περιγράμματος. |
| φραγή εικόνας-ορίου | Καθορίζει τις εσωτερικές μετατοπίσεις του περιγράμματος εικόνας. |
| εικόνα-πηγή συνοριακής εικόνας | Καθορίζει τη θέση της εικόνας που θα χρησιμοποιηθεί ως περίγραμμα. |
| πλάτος εικόνας-ορίου | Καθορίζει το πλάτος του περιγράμματος εικόνας. |
| αριστερά | Ορίζει το πλάτος, το στυλ και το χρώμα του αριστερού περιγράμματος ενός στοιχείου. |
| border-left-color | Ορίζει το χρώμα του αριστερού περιγράμματος ενός στοιχείου. |
| αριστερό στυλ | Ορίζει το στυλ του αριστερού περιγράμματος ενός στοιχείου. |
| όριο-αριστερά-πλάτος | Ορίζει το πλάτος του αριστερού περιγράμματος ενός στοιχείου. |
| ακτίνα ακρόασης | Ορίζει το σχήμα των συνοριακών γωνιών ενός στοιχείου. |
| στα σύνορα-δεξιά | Ορίζει το πλάτος, το στυλ και το χρώμα του δεξιού περιγράμματος ενός στοιχείου. |
| border-right-color | Ορίζει το χρώμα του δεξιού περιγράμματος ενός στοιχείου. |
| border-right style | Ορίζει το στυλ του δεξιού περιγράμματος ενός στοιχείου. |
| border-right-width | Ορίζει το πλάτος του δεξιού περιγράμματος ενός στοιχείου. |
| συνοριακού στυλ | Ορίζει το στυλ του περιγράμματος και στις τέσσερις πλευρές ενός στοιχείου. |
| συνοριακή κορυφή | Ορίζει το πλάτος, το στυλ και το χρώμα του άνω ορίου ενός στοιχείου. |
| border-top-color | Ορίζει το χρώμα του άνω περιγράμματος ενός στοιχείου. |
| ακτίνα-κορυφή-αριστερά-ακτίνα | Ορίζει το σχήμα της άνω-αριστεράς γωνίας του στοιχείου. |
| στην κορυφή-δεξιά-ακτίνα | Ορίζει το σχήμα της άνω-δεξιάς γωνίας του στοιχείου. |
| border-top-στυλ | Ορίζει το στυλ του άνω περιθωρίου ενός στοιχείου. |
| κορυφή πλάτους | Ορίζει το πλάτος του άνω περιθωρίου ενός στοιχείου. |
| πλάτος | Ορίζει το πλάτος του περιγράμματος σε όλες τις τέσσερις πλευρές ενός στοιχείου. |
| Ιδιότητες χρώματος | |
| χρώμα | Ορίζει και ορίζει το χρώμα για κείμενο. |
| αδιαφάνεια | Ορίζει τη διαφάνεια ενός στοιχείου. |
| Ιδιότητες ιδιότητας | |
| ύψος | Ορίζει το ύψος ενός στοιχείου. |
| μέγιστο ύψος | Ορίζει το μέγιστο ύψος ενός στοιχείου. |
| μέγιστο πλάτος | Ορίζει το μέγιστο πλάτος ενός στοιχείου. |
| min-ύψος | Ορίζει το ελάχιστο ύψος ενός στοιχείου. |
| min-πλάτος | Ορίζει το ελάχιστο πλάτος ενός στοιχείου. |
| πλάτος | Καθορίστε το πλάτος ενός στοιχείου. |
| Δημιουργούμενες ιδιότητες περιεχομένου | |
| περιεχόμενο | Εισάγει περιεχόμενο που δημιουργείται. |
| εισαγωγικά | Καθορίζει εισαγωγικά για ενσωματωμένες τιμές. |
| αντιστροφέα | Δημιουργεί ή επαναφέρει έναν ή περισσότερους μετρητές. |
| αντίθετη προσαύξηση | Αυξάνει μία ή περισσότερες τιμές μετρητή. |
| Ευέλικτη διάταξη κουτιού | |
| ευθυγράμμιση-περιεχόμενο | Καθορίζει την ευθυγράμμιση των αντικειμένων του εύκαμπτου δοχείου. |
| στοιχεία ευθυγράμμισης | Καθορίζει την προεπιλεγμένη ευθυγράμμιση για τα στοιχεία. |
| ευθυγράμμιση-εαυτό | Καθορίζει την ευθυγράμμιση για επιλεγμένα στοιχεία. |
| καλώδιο | Καθορίζει τα στοιχεία ενός εύκαμπτου μήκους. |
| flex-βάση | Καθορίζει το αρχικό κύριο μέγεθος του στοιχείου flex. |
| ευέλικτη κατεύθυνση | Καθορίζει την κατεύθυνση των ευέλικτων στοιχείων. |
| flex-flow | Μια ιδιότητα στενογραφίας για την ευελιξία και τις ιδιότητες flex-wrap. |
| ευελιξία | Καθορίζει τον τρόπο με τον οποίο το στοιχείο flex θα αυξηθεί σε σχέση με τα άλλα στοιχεία μέσα στο κιβώτιο flex. |
| flex-συρρικνωθεί | Καθορίζει πώς το στοιχείο flex θα συρρικνωθεί σε σχέση με τα άλλα στοιχεία μέσα στο κιβώτιο flex. |
| flex-wrap | Καθορίζει αν τα ευέλικτα στοιχεία πρέπει να τυλιχτούν ή όχι. |
| justify-content | Καθορίζει τον τρόπο ευθυγράμμισης των στοιχείων ευθυγράμμισης κατά μήκος του κύριου άξονα του κάδου flex μετά από την επίλυση τυχόν εύκαμπτων μηκών και περιθωρίων αυτόματης περιστροφής. |
| Σειρά | Καθορίζει τη σειρά με την οποία εμφανίζονται και τοποθετούνται τα στοιχεία flex μέσα σε ένα εύκαμπτο δοχείο. |
| Ιδιότητες γραμματοσειράς | |
| γραμματοσειρά | Ορίζει μια ποικιλία ιδιοτήτων γραμματοσειρών μέσα σε μια δήλωση, όπως το στυλ γραμματοσειράς, η παραλλαγή γραμματοσειράς, το μέγεθος γραμματοσειράς, το μέγεθος γραμματοσειράς / γραμμής-ύψους και η οικογένεια γραμματοσειρών. |
| γραμματοσειρά-οικογένεια | Ορίζει μια λίστα γραμματοσειρών για στοιχείο. |
| μέγεθος γραμματοσειράς | Ορίζει το μέγεθος γραμματοσειράς για το κείμενο. |
| προσαρμογή μεγέθους γραμματοσειράς | Διατηρεί την αναγνωσιμότητα του κειμένου όταν εμφανίζεται η εναλλαγή γραμματοσειρών. |
| font-stretch | Επιλέγει ένα κανονικό, συμπυκνωμένο ή εκτεταμένο πρόσωπο από μια γραμματοσειρά. |
| στυλ γραμματοσειράς | Ορίζει το στυλ γραμματοσειράς για το κείμενο. |
| γραμματοσειρά-παραλλαγή | Καθορίζει την παραλλαγή γραμματοσειράς. |
| γραμματοσειράς-βάρους | Καθορίζει το βάρος γραμματοσειράς του κειμένου. |
| Ιδιότητες λίστας | |
| λίστα-στυλ | Ορίζει το στυλ εμφάνισης για στοιχεία λίστας και λίστας. |
| λίστα-στυλ-εικόνα | Καθορίζει την εικόνα που θα χρησιμοποιηθεί ως δείκτης στοιχείου λίστας. |
| λίστα-στυλ-θέση | Καθορίζει τη θέση του δείκτη στοιχείου λίστας. |
| τύπος λίστας | Καθορίζει το στυλ δείκτη για ένα στοιχείο λίστας. |
| Ιδιότητες περιθωρίου | |
| περιθώριο | Ορίζει το περιθώριο και στις τέσσερις πλευρές του στοιχείου. |
| περιθώριο-κάτω | Ορίζει το κατώτατο περιθώριο του στοιχείου. |
| περιθώριο-αριστερά | Ορίζει το αριστερό περιθώριο του στοιχείου. |
| περιθώριο-δεξιά | Ορίζει το σωστό περιθώριο του στοιχείου. |
| περιθώριο-κορυφή | Ορίζει το επάνω περιθώριο του στοιχείου. |
| Ιδιότητες διάταξης πολλαπλών στηλών | |
| μέτρηση στήλης | Ορίζει τον αριθμό των στηλών σε ένα στοιχείο πολλών στηλών. |
| πλήρωση στήλης | Καθορίζει τον τρόπο συμπλήρωσης των στηλών. |
| κενό στη στήλη | Καθορίζει το κενό μεταξύ των στηλών σε ένα στοιχείο πολλών στηλών. |
| κανόνας στήλης | Καθορίζει μια ευθεία γραμμή ή έναν "κανόνα" που πρέπει να σχεδιαστεί μεταξύ κάθε στήλης σε ένα στοιχείο πολλών στηλών. |
| στήλη-κανόνας-χρώμα | Καθορίζει το χρώμα των κανόνων μεταξύ των στηλών σε μια διάταξη πολλαπλών στηλών. |
| στήλη-κανόνα-στυλ | Καθορίζει το στυλ του κανόνα που σύρεται μεταξύ των στηλών σε μια διάταξη πολλαπλών στηλών. |
| πλάτος κανόνα στήλης | Καθορίζει το πλάτος του κανόνα που σύρεται μεταξύ των στηλών σε μια διάταξη πολλαπλών στηλών. |
| στήλη | Καθορίζει πόσες στήλες ένα στοιχείο εκτείνεται σε μια διάταξη πολλαπλών στηλών. |
| πλάτος στήλης | Καθορίζει το βέλτιστο πλάτος των στηλών σε ένα στοιχείο πολλών στηλών. |
| στήλες | Μια ιδιότητα στενογραφίας για τον καθορισμό ιδιότητες εύρους στήλης και στήλης. |
| μέτρηση στήλης | Ορίζει τον αριθμό των στηλών σε ένα στοιχείο πολλών στηλών. |
| Ιδιότητες περιγράμματος | |
| περίγραμμα | Ορίζει το πλάτος, το στυλ και το χρώμα για τις τέσσερις πλευρές του περιγράμματος ενός στοιχείου. |
| περίγραμμα-χρώμα | Ορίζει το χρώμα του περιγράμματος. |
| offset-offset | Ορίστε το διάστημα μεταξύ ενός περιγράμματος και της ακμής ενός στοιχείου. |
| στυλ περιγράμματος | Ορίζει ένα στυλ για περίγραμμα. |
| πλάτος περιγράμματος | Ορίζει το πλάτος του περιγράμματος. |
| Ιδιότητες γεμίσματος | |
| υλικό παραγεμίσματος | Ορίζει την επένδυση και στις τέσσερις πλευρές του στοιχείου. |
| padding-bottom | Ορίζει την επένδυση στην κάτω πλευρά ενός στοιχείου. |
| padding-left | Ορίζει την επένδυση στην αριστερή πλευρά ενός στοιχείου. |
| padding-right | Ορίζει την επένδυση στη δεξιά πλευρά ενός στοιχείου. |
| padding-top | Ορίζει την επένδυση στην επάνω πλευρά ενός στοιχείου. |
| Ιδιότητες εκτύπωσης | |
| σελίδα-διάλειμμα-μετά | Εισάγει ένα σπάσιμο σελίδας μετά από ένα στοιχείο. |
| σπάσιμο σελίδας πριν | Εισάγει ένα σπάσιμο σελίδας πριν από ένα στοιχείο. |
| σελίδα-διάλειμμα-μέσα | Εισάγει ένα σπάσιμο σελίδας μέσα σε ένα στοιχείο. |
| Ιδιότητες πίνακα | |
| συνόρων-κατάρρευση | Καθορίζει εάν τα σύνολα κελιών πίνακα συνδέονται ή διαχωρίζονται. |
| απόσταση μεταξύ ορίων | Ορίζει την απόσταση μεταξύ των ορίων των παρακείμενων κελιών πίνακα. |
| πλευρά υποτίτλων | Καθορίζει τη θέση της λεζάντας του πίνακα. |
| κενά κελιά | Εμφανίζει ή αποκρύπτει τα σύνορα και τα φόντα κενών κελιών πίνακα. |
| διάταξη πίνακα | Καθορίζει έναν αλγόριθμο διαμόρφωσης πίνακα. |
| συνόρων-κατάρρευση | Καθορίζει εάν τα σύνολα κελιών πίνακα συνδέονται ή διαχωρίζονται. |
| Ιδιότητες κειμένου | |
| κατεύθυνση | Ορίζει την κατεύθυνση κειμένου / την κατεύθυνση της γραφής. |
| μέγεθος καρτέλας | Καθορίζει το μήκος του χαρακτήρα της καρτέλας. |
| στοίχιση κειμένου | Ορίζει την οριζόντια ευθυγράμμιση του ενσωματωμένου περιεχομένου. |
| κείμενο-ευθυγράμμιση-τελευταία | Καθορίζει την ευθυγράμμιση της τελευταίας γραμμής ενός μπλοκ ή μιας γραμμής πριν από τη διόρθωση της εξαναγκασμένης γραμμής όταν δικαιολογείται η ευθυγράμμιση κειμένου. |
| διακόσμηση κειμένου | Καθορίζει τη διακόσμηση που προστέθηκε στο κείμενο. |
| κείμενο-διακόσμηση-χρώμα | Καθορίζει το χρώμα της γραμμής διακόσμησης κειμένου. |
| κείμενο-διακόσμηση-γραμμή | Καθορίζει τι είδους διακοσμήσεις γραμμών προστίθενται στο στοιχείο. |
| κείμενο-διακόσμηση-στυλ | Καθορίζει το στυλ των γραμμών που καθορίζονται από την ιδιότητα της γραμμής διακόσμησης |
| κείμενο-παύλα | Υποχωρίζει την πρώτη γραμμή κειμένου. |
| κείμενο-δικαιολογούν | Καθορίζει τη μέθοδο αιτιολόγησης που πρέπει να χρησιμοποιηθεί όταν η ιδιότητα text-align είναι ρυθμισμένη να δικαιολογεί. |
| υπερχείλιση κειμένου | Καθορίζει τον τρόπο εμφάνισης του περιεχομένου κειμένου, όταν υπερχειλίζει τα δοχεία μπλοκ. |
| σκιά κειμένου | Ισχύει μία ή περισσότερες σκιές στο περιεχόμενο κειμένου ενός στοιχείου. |
| μετασχηματισμό κειμένου | Μετατρέπει την περίπτωση του κειμένου. |
| ύψος γραμμής | Ορίζει το ύψος μεταξύ γραμμών κειμένου. |
| κατακόρυφη ευθυγράμμιση | Ορίζει την κατακόρυφη τοποθέτηση ενός στοιχείου σε σχέση με την τρέχουσα γραμμή βάσης κειμένου. |
| απόσταση μεταξύ γραμμάτων | Ορίζει την επιπλέον απόσταση μεταξύ των γραμμάτων. |
| απόσταση μεταξύ των λέξεων | Ορίζει την απόσταση μεταξύ των λέξεων. |
| λευκό-χώρο | Καθορίζει τον τρόπο χειρισμού του λευκού χώρου μέσα στο στοιχείο. |
| λέξη-σπάσιμο | Καθορίζει πώς μπορείτε να σπάσετε τις γραμμές μέσα στις λέξεις. |
| word-wrap | Καθορίζει αν θα σπάσει λέξεις όταν το περιεχόμενο υπερχειλίσει τα όρια του κοντέινερ του. |
| Μετατροπή ιδιοτήτων | |
| πίσω όψη-ορατότητα | Καθορίζει αν η πλευρά "πίσω" ενός μετασχηματισμένου στοιχείου είναι ορατή όταν αντιμετωπίζει τον χρήστη. |
| προοπτική | Ορίζει την προοπτική από την οποία προβάλλονται όλα τα παιδικά στοιχεία του αντικειμένου. |
| προοπτική-προέλευση | Ορίζει την προέλευση (το σημείο εξαφάνισης του 3D χώρου) για την ιδιότητα προοπτικής. |
| μεταμορφώνω | Εφαρμόζει έναν μετασχηματισμό 2D ή 3D σε ένα στοιχείο. |
| μετασχηματισμού-προέλευσης | Ορίζει την προέλευση του μετασχηματισμού για ένα στοιχείο. |
| στυλ μετασχηματισμού | Καθορίζει τον τρόπο εμφάνισης των ενσωματωμένων στοιχείων σε τρισδιάστατο χώρο. |
| Ιδιότητες μετάβασης | |
| μετάβαση | Ορίζει τη μετάβαση μεταξύ δύο καταστάσεων ενός στοιχείου. |
| καθυστέρηση μετάβασης | Καθορίζει πότε θα ξεκινήσει το εφέ μετάβασης. |
| διάρκεια μετάβασης | Ορίζει τον αριθμό των δευτερολέπτων ή των χιλιοστών του δευτερολέπτου που πρέπει να λάβει ένα εφέ μετάβασης για να ολοκληρωθεί. |
| μεταβατική ιδιοκτησία | Καθορίζει τα ονόματα των ιδιοτήτων CSS στα οποία πρέπει να εφαρμοστεί ένα εφέ μετάβασης. |
| λειτουργία μετάβασης-χρονισμού | Καθορίζει την καμπύλη ταχύτητας του εφέ μετάβασης. |
| Οπτικές ιδιότητες μορφοποίησης | |
| απεικόνιση | Καθορίζει τον τρόπο εμφάνισης ενός στοιχείου στην οθόνη. |
| θέση | Καθορίζει τον τρόπο με τον οποίο τοποθετείται ένα στοιχείο. |
| μπλουζα | Καθορίζει τη θέση της άνω άκρης του τοποθετημένου στοιχείου. |
| σωστά | Καθορίζει τη θέση του δεξιού άκρου του τοποθετημένου στοιχείου. |
| κάτω μέρος | Καθορίζει τη θέση του κάτω άκρου του τοποθετημένου στοιχείου. |
| αριστερά | Καθορίζει τη θέση του αριστερού άκρου του τοποθετημένου στοιχείου. |
| φλοτέρ | Καθορίζει αν ένα κιβώτιο πρέπει ή όχι να επιπλέει. |
| Σαφή | Καθορίζει την τοποθέτηση ενός στοιχείου σε σχέση με τα πλωτά στοιχεία. |
| z-δείκτης | Καθορίζει μια σειρά διαστρωμάτωσης ή στοιβάγματος για τοποθετημένα στοιχεία. |
| ξεχείλισμα | Καθορίζει τη μεταχείριση του περιεχομένου που ξεχειλίζει το πλαίσιο του στοιχείου. |
| υπερχείλιση-x | Καθορίζει τον τρόπο διαχείρισης του περιεχομένου όταν υπερχειλίζει το πλάτος της περιοχής περιεχομένου του στοιχείου. |
| υπερχείλιση-γ | Καθορίζει τον τρόπο διαχείρισης του περιεχομένου όταν υπερχειλίζει το ύψος της περιοχής περιεχομένου του στοιχείου. |
| αλλαγή μεγέθους | Καθορίζει αν ένα στοιχείο μπορεί να μεταβληθεί από το χρήστη. |
| συνδετήρας | Ορίζει την περιοχή αποκοπής. |
| ορατότητα | Καθορίζει εάν ένα στοιχείο είναι ορατό ή όχι. |
| δρομέας | Καθορίζει τον τύπο του δρομέα. |
| κουτί-σκιά | Εφαρμόζει μία ή περισσότερες σκιάσεις στο κουτί του στοιχείου. |
| μέγεθος κιβωτίου | Αλλάζει το προεπιλεγμένο μοντέλο πλαισίου CSS. |
| Ιδιότητες κίνησης | |
| κινουμένων σχεδίων | Καθορίζει τη συμπεριφορά όλων των κινούμενων εικόνων. |
| κίνηση-καθυστέρηση | Καθορίζει πότε η κινούμενη εικόνα θα αρχίσει με καθυστέρηση. |
| κίνηση κατεύθυνσης | Καθορίζει αν η κινούμενη εικόνα πρέπει να παίζει προς τα εμπρός, προς τα πίσω ή σε εναλλασσόμενους κύκλους. |
| διάρκεια κινούμενης εικόνας | Ορίζει τον αριθμό δευτερολέπτων ή χιλιοστών του δευτερολέπτου που πρέπει να λάβει μια κινούμενη εικόνα για να ολοκληρωθεί ένας κύκλος. |
| λειτουργία γεμίσματος-γεμίσματος | Καθορίζει πώς μια κινούμενη εικόνα CSS πρέπει να εφαρμόζει στυλ στο στόχο πριν και μετά την εκτέλεση. |
| animation-iteration-count | Καθορίζει τον αριθμό των φορών που πρέπει να αναπαραχθεί ένας κύκλος κινούμενων εικόνων πριν από τη διακοπή. |
| animation-name | Καθορίζει το όνομα των κινούμενων εικόνων @keyframes που πρέπει να εφαρμοστούν στο επιλεγμένο στοιχείο. |
| κατάσταση παιχνιδιού-κινούμενης εικόνας | Καθορίζει εάν η κινούμενη εικόνα εκτελείται ή τίθεται σε παύση. |
| λειτουργία κινούμενου χρόνου-χρονισμού | Καθορίζει πώς μια κινούμενη εικόνα CSS πρέπει να προχωρήσει κατά τη διάρκεια κάθε κύκλου. |
Πηγαίνετε πέρα από τα βασικά του CSS
Μόλις μάθετε τα δομικά στοιχεία του CSS, συνιστούμε να αναβαθμίσετε τις ικανότητές σας στο CSS Kick-Start CSS Projects σας με αυτό το ΔΩΡΕΑΝ eBook! Kick-Start CSS Έργα σας με αυτό το ΔΩΡΕΑΝ eBook! Αυτό το ελεύθερο ebook παρέχει έναν μεγάλο αριθμό CSS με βάση παραδείγματα που θα σας βοηθήσουν να ξεκινήσετε τα δικά σας έργα web. Διαβάστε περισσότερα και μάθε JavaScript Τι είναι το JavaScript και πώς λειτουργεί; Τι είναι το JavaScript και πώς λειτουργεί; Τι είναι το Javascript; Είναι μια γλώσσα προγραμματισμού που χρησιμοποιείται για την ενίσχυση ιστοσελίδων. Περιλαμβάνει τη δυναμική ενημέρωση ιστοσελίδων, διεπαφών χρήστη και πολλά άλλα. Ας δούμε τι είναι το Javascript. Διαβάστε περισσότερα για να πάρετε τις ιστοσελίδες σας σε ένα νέο επίπεδο αναισθητοποίησης.
Image Credit: Ο Νίκος Καρβούνης στο Unsplash
Εξερευνήστε περισσότερα σχετικά με τα εξής: Cheat Sheet, CSS, Web Design.
