Εκπαιδευτικός Οδηγός Επεξήγησης CSS

Ενδεικτική ιδιότητα CSS

A

accent-color Ορίζει την έμφαση του χρώματος για τα στοιχεία της διεπαφής χρήστη.
align-content Ορίζει τον τρόπο με τον οποίο θα ισορροπούν οι γραμμές μέσα στο διαδραστικό κουτί όταν τα στοιχεία δεν χρησιμοποιούν όλο το διαθέσιμο χώρο.
align-items Ορίζει τον τρόπο με τον οποίο τα στοιχεία θα εμφανίζονται μέσα σε ένα διαδραστικό κουτί.
align-self Ορίζει τον τρόπο με τον οποίο τα στοιχεία θα εμφανίζονται μέσα σε ένα διαδραστικό κουτί.
all Επαναφέρει όλες τις ιδιότητες (εκτός unicode-bidi και direction).
animation Σύντομη έκδοση όλων των attributων animation-*
animation-delay Ορίζει την καθυστέρηση πριν την έναρξη της κίνησης.
animation-direction Ορίζει αν η κίνηση θα παίξει προς τα εμπρός, προς τα πίσω ή εναλλασσόμενα.
animation-duration Ορίζει τον χρόνο που θα χρειαστεί για να ολοκληρωθεί ένας κύκλος της κίνησης.
animation-fill-mode Ορίζει τον τύπο του στυλ του στοιχείου όταν η κίνηση δεν παίζει (πριν από την έναρξη, μετά την ολοκλήρωση, ή και τα δύο).
animation-iteration-count Ορίζει τον αριθμό των παίξεων της κίνησης.
animation-name Ορίζει το όνομα της κίνησης @keyframes.
animation-play-state Ορίζει αν η κίνηση θα παίξει ή θα σταματήσει.
animation-timing-function Ορίζει τη καμπύλη ταχύτητας της κίνησης.
aspect-ratio Ορίζει την προτιμώμενη αναλογία πλάτους και ύψους του στοιχείου.

B

backdrop-filter Ορίζει την αισθητική επίδραση της περιοχής φόντου του στοιχείου.
backface-visibility Ορίζει αν η πίσω πλευρά του στοιχείου θα είναι ορατή όταν το στοιχείο είναι εστιασμένο από τον χρήστη.
background Σύντομη έκδοση όλων των attributων background-*
background-attachment Ρυθμίζει αν η εικόνα φόντου θα κινείται μαζί με το υπόλοιπο της σελίδας ή θα παραμείνει σταθερή.
background-blend-mode Θέτει τον τρόπο με τον οποίο θα συγχωνεύονται οι κάθετες στρώσεις φόντου (χρώμα/εικόνα).
background-clip Ορίζει τη απόσταση που το φόντο (χρώμα ή εικόνα) θα επεκταθεί εντός του στοιχείου.
background-color Θέτει τον χρωματικό φόντο του στοιχείου.
background-image Θέτει μια ή περισσότερες εικόνες φόντου του στοιχείου.
background-origin Θέτει τη θέση του αρχικού εικόντος φόντου.
background-position Ορίζει τη θέση της εικόνας φόντου.
background-position-x Ορίζει τη θέση της εικόνας φόντου στον άξονα x.
pr_background-position-y Ορίζει τη θέση της εικόνας φόντου στον άξονα y.
background-repeat Ρυθμίζει αν και πώς επαναλαμβάνεται η εικόνα φόντου.
background-size Ορίζει το μέγεθος της εικόνας φόντου.
block-size Ορίζει το μέγεθος του στοιχείου στη διευθύνουσα κατεύθυνση του μπλοκ.
border Σύντομη έκδοση των περιληπτικών ιδιοτήτων border-width, border-style και border-color.
border-block

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
border-block-color Ρυθμίζει το χρώμα των πλαισιώσεων που ξεκινούν και τελειώνουν στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-end

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
border-block-end-color Ρυθμίζει το χρώμα της πλαισίωσης που τελειώνει στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-end-style Ρυθμίζει τον τύπο της πλαισίωσης που τελειώνει στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-end-width Ρυθμίζει το πλάτος της πλαισίωσης που τελειώνει στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-start

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
border-block-start-color Ρυθμίζει το χρώμα της πλαισίωσης που ξεκινά στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-start-style Ρυθμίζει τον τύπο της πλαισίωσης που ξεκινά στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-start-width Ρυθμίζει το πλάτος της πλαισίωσης που ξεκινά στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-style Ρυθμίζει τον τύπο των πλαισιώσεων που ξεκινούν και τελειώνουν στη διευθύνουσα κατεύθυνση του μπλοκ.
border-block-width Ρυθμίζει το πλάτος των πλαισιώσεων που ξεκινούν και τελειώνουν στη διευθύνουσα κατεύθυνση του μπλοκ.
border-bottom Σύντομη έκδοση των περιληπτικών ιδιοτήτων border-bottom-width, border-bottom-style και border-bottom-color.
border-bottom-color Ρυθμίζει το χρώμα της κατώτερης πλαισίωσης.
border-bottom-left-radius Ορίζει την καμπύλη γωνία της κατώτερης αριστερής πλαισίωσης.
border-bottom-right-radius Ορίζει την καμπύλη γωνία της κατώτερης δεξιάς πλαισίωσης.
border-bottom-style Ρυθμίζει τον τύπο της κατώτερης πλαισίωσης.
border-bottom-width Ρυθμίζει το πλάτος της κατώτερης πλαισίωσης.
border-collapse Ρροσθέτει το πλάτος της κατώτερης πλαισίωσης του πλαισίου.
border-color Set the color of all four borders.
border-end-end-radius Set the corner radius between the end of the block and the end of the inline.
border-end-start-radius Set the corner radius between the end of the block and the start of the inline.
border-image Short-hand properties of border-image-*.
border-image-outset Define the amount of the border image area that extends beyond the border.
border-image-repeat Define whether the border image should be repeated, rounded, or stretched.
border-image-slice Define how the border image is cropped.
border-image-source Define the path of the image used as the border.
border-image-width Define the width of the border image.
border-inline

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
border-inline-color Set the color of the borders at the start and end of inline direction.
border-inline-end

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
border-inline-end-color Set the color of the border at the end of inline direction.
border-inline-end-style Set the style of the border at the end of inline direction.
border-inline-end-width Set the width of the border at the end of inline direction.
border-inline-start

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
border-inline-start-color Set the color of the border at the start of inline direction.
border-inline-start-style Set the style of the border at the start of inline direction.
border-inline-start-width Set the width of the border at the start of inline direction.
border-inline-style Set the style of the borders at the start and end of inline direction.
border-inline-width Set the width of the borders at the start and end of inline direction.
border-left All short-hand properties of border-left-*.
border-left-color Set the color of the left border.
border-left-style Set the style of the left border.
border-left-width Set the width of the left border.
border-radius Short-hand properties of four border-*-radius.
border-right All short-hand properties of border-right-*.
border-right-color Ρυθμίζει το χρώμα του δεξιού στίγματος.
border-right-style Ρυθμίζει τον τύπο του δεξιού στίγματος.
border-right-width Ρυθμίζει το πλάτος του δεξιού στίγματος.
border-spacing Ρυθμίζει τη απόσταση μεταξύ των στίγματα των γειτονικών κελιών.
border-start-end-radius Ρυθμίζει τον ακτίνα της γωνίας μεταξύ της αρχής του στοιχείου μπλοκ και της τελικής του γραμμής.
border-start-start-radius Ρυθμίζει τον ακτίνα της γωνίας μεταξύ της αρχής του στοιχείου μπλοκ και της αρχής του στοιχείου γραμμής.
border-style Ρυθμίζει τον τύπο των τεσσάρων στίγματα.
border-top Ακρωνύμιο της border-top-width, border-top-style και border-top-color.
border-top-color Ρυθμίζει το χρώμα του επάνω στίγματος.
border-top-left-radius Ορίζει την γωνία του αριστερού άκρου του επάνω στίγματος.
border-top-right-radius Ορίζει την γωνία του δεξιού άκρου του επάνω στίγματος.
border-top-style Ρυθμίζει τον τύπο του επάνω στίγματος.
border-top-width Ρυθμίζει το πλάτος του επάνω στίγματος.
border-width Ρυθμίζει το πλάτος των τεσσάρων στίγματα.
bottom Ρυθμίζει τη θέση του στοιχείου από την κάτω γωνία του γονικού στοιχείου.
box-decoration-break Ρυθμίζει τη συμπεριφορά του φόντου και των στίγματα στο στοιχείο στην τοποθεσία του σημείου διέλευσης σελίδας, ή για γραμμικά στοιχεία στην τοποθεσία του σημείου διέλευσης γραμμής.
box-reflect Χρησιμοποιείται για τη δημιουργία αντανάκλασης στο στοιχείο.
box-shadow Προσθέτει μια ή περισσότερες σκιάσεις στο στοιχείο.
box-sizing Ορίζει τον τρόπο υπολογισμού του πλάτους και της ύψους του στοιχείου: αν περιλαμβάνονται τα περιθώρια και τα στίγματα.
break-after Ορίζει αν θα εμφανιστεί page-, column- ή region-break μετά από το στοιχείο που καθορίζεται.
break-before Ορίζει αν θα εμφανιστεί page-, column- ή region-break πριν από το στοιχείο που καθορίζεται.
break-inside Ορίζει αν θα εμφανιστούν οι page-, column- ή region-break μέσα στο στοιχείο που καθορίζεται.

C

caption-side Ορίζει τον τρόπο τοποθέτησης των τίτλων της τάβλας.
caret-color Ορίζει τον χρώμα του καρτ-πρίοντα στο input, textarea ή οποιοδήποτε στοιχείο που μπορεί να επεξεργαστεί.
@charset Ορίζει τον κωδικό κωδικοποίησης χαρακτήρων που χρησιμοποιείται στη δήλωση στυλ.
clear Ορίζει ποια πλευρά του στοιχείου δεν επιτρέπεται να κολυμπήσει στοιχεία.
clip Αποσπάσεις στοιχείων απόλυτης τοποθέτησης.
clip-path Καταγραφή του στοιχείου σε βασική μορφή ή SVG πηγή.
color Ρύθμιση του χρώματος του κειμένου.
color-scheme Ορίζει ποια配色方案 του λειτουργικού συστήματος θα χρησιμοποιηθεί για τη δια.render του στοιχείου.
column-count Ορισμός του αριθμού των στηλών που θα διαβιβάσει το στοιχείο.
column-fill Ορισμός του τρόπου γεμίσματος των στηλών (είτε balanced).
column-gap Ορισμός της διαφοράς μεταξύ των στηλών.
column-rule Σύντομη ιδιότητα για όλες τις ιδιότητες column-rule-*.
column-rule-color Ορισμός του χρώματος των γραμμών μεταξύ των στηλών.
column-rule-style Ορισμός του στυλ των γραμμών μεταξύ των στηλών.
column-rule-width Ορισμός της πλάθους των γραμμών μεταξύ των στηλών.
column-span Ορισμός του αριθμού των στηλών που θα διαβιβάσει το στοιχείο.
column-width Ορισμός της πλάθους των στηλών.
columns Σύντομη ιδιότητα για το column-width και column-count.
@container Ορισμός του στυλ των στοιχείων εντός του κουτιού, ανάλογα με το μέγεθος ή το στυλ του κουτιού.
content Χρήση με τα ψευδοστοιχεία :before και :after για την εισαγωγή του δημιουργημένου περιεχομένου.
counter-increment Αύξηση ή μείωση της τιμής ενός ή περισσότερων CSS μετρητών.
counter-reset Δημιουργία ή επαναφορά ενός ή περισσότερων CSS μετρητών.
counter-set Δημιουργία ή ρύθμιση ενός ή περισσότερων CSS μετρητών.
@counter-style Επιτρέπει τη διαμόρφωση προσαρμοσμένων μοτίβων μετρητών.
cursor Ορισμός του δείκτη του ποντικιού που θα εμφανίζεται όταν κατευθύνεται προς το στοιχείο.

D

direction Ορισμός της κατεύθυνσης της γραφής και της κατεύθυνσης του κειμένου.
display Ορισμός του τρόπου εμφάνισης ενός HTML στοιχείου.

E

empty-cells Ορισμός αν θα εμφανίζονται τα πλαίσια και το φόντο στις κενές κελί της τάβλας.

F

filter Ορισμός του αποτελέσματος που εμφανίζεται πριν από την εμφάνιση του στοιχείου (π.χ., θολότητα ή χρωματική απόκλιση).
flex Σύντομη ιδιότητα για το flex-grow, flex-shrink και flex-basis.
flex-basis Ορισμός της αρχικής μήκους των ευελιξίας των αντικειμένων.
flex-direction Ορισμός της κατεύθυνσης των ευελιξίας των αντικειμένων.
flex-flow Σύντομη ιδιότητα για το flex-direction και flex-wrap.
flex-grow Ορισμός της αύξησης του αντικειμένου σε σχέση με τα άλλα αντικείμενα.
flex-shrink Ορισμός της μείωσης του αντικειμένου σε σχέση με τα άλλα αντικείμενα.
flex-wrap ορίζει αν τα ευελιξία στοιχεία θα πρέπει να γυρίζουν σε νέα γραμμή.
float ορίζει αν τα πλαίσια θα πρέπει να είναι κολυμπηγούμενα.
font σύντομη γραμματοσειρά για font-style, font-variant, font-weight, font-size/line-height και font-family.
@font-face ορίζει τους κανόνες για τη λήψη και χρήση γραμματοσειράς εκτός από τις "web-safe" γραμματοσειρές.
font-family ορίζει τη γραμματοσειρά της γραμματοσειράς (σειρά γραμματοσειράς) του κειμένου.
font-feature-settings επιτρέπει τον έλεγχο προηγμένων χαρακτηριστικών τυπογραφίας στη γραμματοσειρά OpenType.
@font-feature-values επιτρέπει στον δημιουργό να χρησιμοποιεί γενικούς όρους στο font-variant-alternate για να ενεργοποιήσει χαρακτηριστικά με διαφορετικό τρόπο στο OpenType.
font-kerning ελέγχει τη χρήση πληροφοριών για το kerning (διαστήματα μεταξύ γραμμάτων).
font-language-override ελέγχει τη χρήση χαρακτήρων γραμματοσειράς για συγκεκριμένες γλώσσες.
@font-palette-values επιτρέπει την προσαρμογή των προεπιλεγμένων τιμών του χρωματογράφου γραμματοσειράς.
font-size ορίζει το μέγεθος γραμματοσειράς του κειμένου.
font-size-adjust διατηρεί την αναγνωσιμότητα όταν γίνεται πίσω από γραμματοσειρά.
font-stretch επιλέγει μια κανονική, συμπιεσμένη ή επεκταμένη γραμματοσειρά από τη σειρά γραμματοσειράς.
font-style ορίζει τον τύπο γραμματοσειράς του κειμένου.
font-synthesis ελέγχει ποια απουσιάζουσες γραμματοσειρές (μακρός ή κλίμακα) μπορούν να συνδυαστούν από τον περιηγητή.
font-variant ορίζει αν το κείμενο θα εμφανίζεται με μικρά κεφαλαία.
font-variant-alternates ελέγχει τη χρήση εναλλακτικών χαρακτήρων γραμματοσειράς που σχετίζονται με εναλλακτικές ονομασίες που ορίστηκαν στο @font-feature-values.
font-variant-caps ελέγχει τη χρήση εναλλακτικών χαρακτήρων γραμματοσειράς για κεφαλαία γράμματα.
font-variant-east-asian ελέγχει τη χρήση εναλλακτικών χαρακτήρων γραμματοσειράς για κινεζικούς και ژαπωνικούς χαρακτήρες.
font-variant-ligatures ελέγχει ποια συνδέσμοι και μορφολογικές μορφές χρησιμοποιούνται στο κείμενο του στοιχείου.
font-variant-numeric ελέγχει τη χρήση εναλλακτικών χαρακτήρων γραμματοσειράς για αριθμούς, ποσοστά και σημεία καταλόγου.
font-variant-position ελέγχει τη χρήση εναλλακτικών χαρακτήρων γραμματοσειράς για μικρότερα γράμματα, οι οποίοι τοποθετούνται πάνω από τη γραμμή βασικής γραμματοσειράς ως οπίσθιοι ή κάτω από τη γραμμή βασικής γραμματοσειράς ως υπογράφοι.
font-weight font-weight

Όταν ορίζεται η ένταση του χαρακτήρα.

G Το συντομευμένο όρισμα των ιδιοτήτων grid-template-rows, grid-template-columns, grid-template-areas, grid-auto-rows, grid-auto-columns και grid-auto-flow.
grid-area Μπορεί να ορίσει το όνομα του στοιχείου δίπυλης ή να είναι το συντομευμένο όρισμα των ιδιοτήτων grid-row-start, grid-column-start, grid-row-end και grid-column-end.
grid-auto-columns Όταν ορίζεται η προεπιλεγμένη διάσταση των στηλών.
grid-auto-flow Όταν ορίζεται πώς θα τοποθετηθούν οι αυτόματα τοποθετούμενοι στοιχεία στη δίπυλη.
grid-auto-rows Όταν ορίζεται η προεπιλεγμένη διάσταση της γραμμής.
grid-column Το συντομευμένο όρισμα των ιδιοτήτων grid-column-start και grid-column-end.
grid-column-end Όταν ορίζεται πώς θα τελειώσει η τοποθέτηση του στοιχείου δίπυλης.
grid-column-gap Όταν ορίζεται το μέγεθος του διαστήματος μεταξύ των γραμμών.
grid-column-start Όταν ορίζεται από που ξεκινά η τοποθέτηση του στοιχείου δίπυλης.
grid-gap Το συντομευμένο όρισμα των ιδιοτήτων grid-row-gap και grid-column-gap.
grid-row Το συντομευμένο όρισμα των ιδιοτήτων grid-row-start και grid-row-end.
grid-row-end Όταν ορίζεται πού τελειώνει η τοποθέτηση του στοιχείου δίπυλης.
grid-row-gap Όταν ορίζεται το μέγεθος του διαστήματος μεταξύ των γραμμών.
grid-row-start Όταν ορίζεται από που ξεκινά η τοποθέτηση του στοιχείου δίπυλης.
grid-template Το συντομευμένο όρισμα των ιδιοτήτων grid-template-rows, grid-template-columns και grid-areas.
grid-template-areas Όταν ορίζεται πώς θα χρησιμοποιηθούν τα ονομασμένα στοιχεία δίπυλης για να εμφανιστούν οι στήλες και οι γραμμές.
grid-template-columns Όταν ορίζεται το μέγεθος των στήλων και ο αριθμός των στηλών στη διάταξη δίπυλης.
grid-template-rows Όταν ορίζεται το μέγεθος της γραμμής στη διάταξη δίπυλης.

H

hanging-punctuation Όταν ορίζεται αν μπορεί να τοποθετηθεί η σημείωση εκτός της κουτίδας γραμμής.
height Όταν ορίζεται το ύψος του στοιχείου.
hyphens Όταν ορίζεται πώς να διαιρείται η λέξη για να βελτιώσει τη διάταξη του κειμένου.
hyphenate-character Όταν ορίζεται το χαρακτήρα που χρησιμοποιείται για τη διάσπαση της γραμμής πριν από την αλλαγή γραμμής.

I

image-rendering θέτει τον τύπο της αλγόριθμου για τη συμπίεση της εικόνας.
@import επιτρέπει την εισαγωγή του στυλ από άλλο στυλ.
initial-letter θέτει το μέγεθος της αρχικής γραμμής και επιτρέπει την υποβάθμιση της γραμμής.
inline-size θέτει το μέγεθος του στοιχείου στην κατεύθυνση της γραμμής.
inset θέτει τη απόσταση από το γονικό στοιχείο.
inset-block θέτει τη απόσταση από το γονικό στοιχείο στην κατεύθυνση του τομέα.
inset-block-end θέτει τη απόσταση από το γονικό στοιχείο στην κατεύθυνση του τομέα.
inset-block-start θέτει τη απόσταση από το γονικό στοιχείο στην κατεύθυνση του τομέα.
inset-inline θέτει τη απόσταση από το γονικό στοιχείο στην κατεύθυνση της γραμμής.
inset-inline-end θέτει τη απόσταση από το γονικό στοιχείο στην κατεύθυνση της γραμμής.
inset-inline-start θέτει τη απόσταση από το γονικό στοιχείο στην κατεύθυνση της γραμμής.
isolation προσδιορίζει αν το στοιχείο πρέπει να δημιουργήσει νέο περιεχόμενο στοίβησης.

J

justify-content θέτει τον τρόπο προσαρμογής των στοιχείων εντός του ευελιξίου κουτίου.
justify-items θέτει τον τρόπο κατεύθυνσης της προσαρμογής της γραμμής στο εσωτερικό της γραμμής.
justify-self θέτει τον τρόπο κατεύθυνσης της προσαρμογής της γραμμής στο εσωτερικό της γραμμής.

K

@keyframes θέτει τον κώδικα της αニμασιών.

L

@layer ελέγχει την τάξη αξιολόγησης των στυλ στο CSS.
αριστερά καθορίζει τη θέση του στοιχείου από τη δεξιά.
letter-spacing αυξάνει ή μειώνει το διαστήματα μεταξύ των χαρακτήρων του κειμένου.
line-break πώς πώς/αν θα γίνει βήμα.
line-height θέτει το ύψος της γραμμής.
list-style θέτει όλες τις ιδιότητες της λίστας σε μια μοναδική διακήρυξη.
list-style-image θέτει την εικόνα ως μαρκαδόρος της λίστας.
list-style-position θέτει τη θέση της μαρκαδόρος της λίστας.
list-style-type θέτει τον τύπο της μαρκαδόρος της λίστας.

M

margin θέτει όλες τις ιδιότητες των περιθωρίων σε μια μοναδική διακήρυξη.
margin-block θέτει τον εξωτερικό περιθώνα στην κατεύθυνση του τομέα.
margin-block-end θέτει τον εξωτερικό περιθώνα στην κατεύθυνση του τομέα από την αρχή.
margin-block-start θέτει τον εξωτερικό περιθώνα στην κατεύθυνση του τομέα.
margin-bottom θέτει την κάτω εξωτερική περιθωρία του στοιχείου.
margin-inline θέτει ο εξωτερικός περιθώνας στην κατεύθυνση της γραμμής.
margin-inline-end Καθορίζει την εξωτερική απόσταση στη κατεύθυνση της γραμμής.
margin-inline-start Καθορίζει την εξωτερική απόσταση στη κατεύθυνση της γραμμής.
margin-left Ρυθμίζει την εσωτερική αριστερή απόσταση του στοιχείου.
margin-right Ρυθμίζει την εσωτερική δεξιά απόσταση του στοιχείου.
margin-top Ρυθμίζει την εσωτερική αριστερή απόσταση του στοιχείου.
marker Δείχνει την ετικέτα που θα ζωγραφιστεί σε όλες τις κορυφές της διαδρομής του στοιχείου (πρώτη, μεσαία και τελευταία).
marker-end Δείχνει την ετικέτα που θα ζωγραφιστεί στον τελευταίο κορυφαίο της διαδρομής του στοιχείου.
marker-mid Δείχνει την ετικέτα που θα ζωγραφιστεί σε όλες τις μεσαίες κορυφές της διαδρομής του στοιχείου.
marker-start Δείχνει την ετικέτα που θα ζωγραφιστεί στον πρώτο κορυφαίο της διαδρομής του στοιχείου.
mask

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
mask-clip Καθορίζει την περιοχή που επηρεάζεται από την εικόνα της μάσκας.
mask-composite Καθορίζει τη συνδυαστική λειτουργία που χρησιμοποιείται στην τρέχουσα μάσκα και στη μάσκα παρακάτω.
mask-image Καθορίζει την εικόνα που χρησιμοποιείται ως μάσκα στο στοιχείο.
mask-mode Καθορίζει αν η εικόνα της μάσκας θα χειριστεί ως ένδειξη έντασης ή ως ένδειξη αλφα.
mask-origin Καθορίζει την αρχική θέση της εικόνας της μάσκας (θέση της θέσης της μάσκας).
mask-position Ρυθμίζει τη θέση της εικόνας της μάσκας (σχετικά με την περιοχή της θέσης της μάσκας).
mask-repeat Καθορίζει τον τρόπο επανάληψης της εικόνας της μάσκας.
mask-size Καθορίζει το μέγεθος της εικόνας της μάσκας.
mask-type Καθορίζει το SVG Αναφέρεται αν το στοιχείο θα χειριστεί ως ένδειξη έντασης ή ως ένδειξη αλφα.
max-height Ρυθμίζει το μέγιστο ύψος του στοιχείου.
max-width Ρυθμίζει το μέγιστο πλάτος του στοιχείου.
@media Ρυθμίζει κανόνες στυλ για διαφορετικούς τύπους μέσων, συσκευές και διαστάσεις.
max-block-size Ρυθμίζει το μέγιστο μέγεθος του στοιχείου στη κατεύθυνση του bloκου.
max-inline-size Ρυθμίζει το μέγιστο μέγεθος του στοιχείου στη κατεύθυνση της γραμμής.
min-block-size Ρυθμίζει το ελάχιστο μέγεθος του στοιχείου στη κατεύθυνση του bloκου.
min-inline-size Ρυθμίζει το ελάχιστο μέγεθος του στοιχείου στη κατεύθυνση της γραμμής.
min-height Ρυθμίζει το ελάχιστο ύψος του στοιχείου.
min-width Ρυθμίζει το ελάχιστο πλάτος του στοιχείου.
mix-blend-mode Καθορίζει πώς το περιεχόμενο του στοιχείου πρέπει να συνδυαστεί με το παρασκήνιο του άμεσου γονικού στοιχείου.

N

@namespace Καθορίζει τον χώρο ονόματος XML που χρησιμοποιείται στη δήλωση στυλ.

O

object-fit Καθορίζει πώς το περιεχόμενο του αντικειμένου πρέπει να ταιριάζει στο πλαίσιο που δημιουργείται από το ύψος και την πλάτος που χρησιμοποιείται.
object-position Specify the alignment method of the replacement element within its frame.
offset

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
offset-anchor Specify the point fixed on the animation path on the element.
offset-distance Specify the position of the animated element on the path.
offset-path Specify the path along which the element moves.
offset-position Specify the initial position of the element along the path.
offset-rotate Specify the rotation of the element along the path during the animation.
opacity Set the opacity level of the element.
order Set the order of the flexible item relative to the other items.
orphans Set the minimum number of lines that must be retained at the bottom of the page or column.
orphans Set the minimum number of lines that must be retained at the bottom of the page when pagination occurs within the element.
outline Shorthand properties of outline-width, outline-style, and outline-color attributes.
outline-color Set the color of the outline.
outline-offset Offset the outline and draw it outside the edge of the border.
outline-style Set the style of the outline.
outline-width Set the width of the outline.
overflow Specify what will happen if the content overflows the element's frame.
overflow-anchor Specify whether new content should be loaded into a scrollable container when pushing the visible content down.
overflow-wrap Specify whether the browser can break lines at long words that overflow the container.
overflow-wrap Specify whether the browser may break lines within words to prevent overflow (when a string is too long to fit its containing box).
overflow-x Specify whether the left and right edges of the content should be clipped if it overflows the element's content area.
overflow-y Specify whether the top and bottom edges of the content should be clipped if it overflows the element's content area.
overscroll-behavior Specify whether there is a scroll chain or an overflow effect in both x and y directions.
overscroll-behavior-block Specify whether there is a scroll chain or an overflow effect in the block direction.
overscroll-behavior-inline Specify whether there is a scroll chain or an overflow effect in the inline direction.
overscroll-behavior-x Specify whether there is a scroll chain or an overflow effect in the x-direction.
overscroll-behavior-y Specify whether there is a scroll chain or an overflow effect in the y-direction.

P

padding All shorthand properties of padding-* attributes.
padding-block καθορίζει την εσωτερική απόσταση στην κατεύθυνση των κρατήρων.
padding-block-end καθορίζει την εσωτερική απόσταση από το τέλος της κατεύθυνσης των κρατήρων.
padding-block-start καθορίζει την εσωτερική απόσταση από την αρχή της κατεύθυνσης των κρατήρων.
padding-bottom καθορίζει την εσωτερική απόσταση του κάτω περιθωρίου του στοιχείου.
padding-inline καθορίζει την εσωτερική απόσταση στην κατεύθυνση των γραμμών.
padding-inline-end καθορίζει την εσωτερική απόσταση από το τέλος της κατεύθυνσης των γραμμών.
padding-inline-start καθορίζει την εσωτερική απόσταση από την αρχή της κατεύθυνσης των γραμμών.
padding-left καθορίζει την εσωτερική απόσταση του αριστερού περιθωρίου του στοιχείου.
padding-right καθορίζει την εσωτερική απόσταση του δεξιού περιθωρίου του στοιχείου.
padding-top καθορίζει την εσωτερική απόσταση του επάνω περιθωρίου του στοιχείου.
@page προσαρμόζει το μέγεθος, την κατεύθυνση και τα περιθώρια της σελίδας εκτύπωσης.
page-break-after καθορίζει τη συμπεριφορά του στοιχείου μετά τη διάρκεια της διαδικασίας διαχωρισμού σε σελίδες.
page-break-before καθορίζει τη συμπεριφορά του στοιχείου πριν από τη διάρκεια της διαδικασίας διαχωρισμού σε σελίδες.
page-break-inside καθορίζει τη συμπεριφορά του στοιχείου κατά τη διάρκεια της διαδικασίας διαχωρισμού σε σελίδες.
paint-order καθορίζει τη σειρά σχεδίασης των στοιχείων SVG ή κειμένου.
perspective παρέχει οπτική απόσταση για το στοιχείο τοποθετημένο 3D.
perspective-origin καθορίζει τη θέση που ο χρήστης βλέπει το στοιχείο τοποθετημένο 3D.
place-content καθορίζει τις τιμές των ιδιοτήτων align-content και justify-content για το flexbox και τη διάταξη δίκτυου.
place-items καθορίζει τις τιμές των ιδιοτήτων align-items και justify-items για τη διάταξη δίκτυου.
place-self καθορίζει τις τιμές των ιδιοτήτων align-self και justify-self για τη διάταξη δίκτυου.
pointer-events καθορίζει αν το στοιχείο απαντά σε γεγονότα κατευθυνόμενα από το δάχτυλο.
position καθορίζει τον τύπο της μεθόδου τοποθέτησης του στοιχείου (στατική, σχετική, α绝对的 ή στατική).
@property καθορίζει την τοποθέτηση προσαρμοσμένων CSS ιδιοτήτων στο style sheet χωρίς να χρειάζεται να εκτελεστεί κάποιο JavaScript.

Q

quotes καθορίζει τον τύπο των εισαγωγικών.

R

resize ορίζει αν και πώς ο χρήστης μπορεί να προσαρμόσει το μέγεθος του στοιχείου.
right καθορίζει τη θέση του στοιχείου από τη δεξιά.
rotate καθορίζει την περιστροφή του στοιχείου.
row-gap καθορίζει τον διαχωρισμό μεταξύ των γραμμών του δίκτυου.

S

scale Καθορίζει το μέγεθος του στοιχείου μέσω της μεγέθυνσης ή συρρίκνωσης.
@scope Επιτρέπει να επιλέξετε στοιχεία από συγκεκριμένο DOM δέντρο και να τοποθετήσετε με ακρίβεια χωρίς να γράψετε πολύ συγκεκριμένους επιλογείς.
scroll-behavior Καθορίζει αν η κουτί με δυνατότητα κύλισης θα κινείται ομαλά ή θα πηδήξει.
scroll-margin Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στο κουτί.
scroll-margin-block Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στο κουτί.
scroll-margin-block-end Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στο τέλος του κουτιού.
scroll-margin-block-start Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στην αρχή του κουτιού.
scroll-margin-bottom Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στο κάτω μέρος του κουτιού.
scroll-margin-inline Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στο κουτί.
scroll-margin-inline-end Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στο τέλος του κουτιού.
scroll-margin-inline-start Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στην αρχή του κουτιού.
scroll-margin-left Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στην αριστερή πλευρά του κουτιού.
scroll-margin-right Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στην δεξιά πλευρά του κουτιού.
scroll-margin-top Η εξωτερική γειτονομία από τη θέση του προσελκυσμού στην κορυφή του κουτιού.
scroll-padding Η απόσταση από το κουτί στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-block Η απόσταση από το κουτί στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-block-end Η απόσταση από το τέλος του κουτιού στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-block-start Η απόσταση από την αρχή του κουτιού στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-bottom Η απόσταση από το κάτω μέρος του κουτιού στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-inline Η απόσταση από το κουτί στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-inline-end Η απόσταση από το τέλος του κουτιού στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-inline-start Η απόσταση από την αρχή του κουτιού στην θέση του υπο στοιχείου που προσελκύεται.
scroll-padding-left Καθορίζει τη απόσταση από τη αριστερή γωνία του κοντέινερ μέχρι τη θέση αφοσίωσης του υιοθετημένου στοιχείου.
scroll-padding-right Καθορίζει τη απόσταση από τη δεξιά γωνία του κοντέινερ μέχρι τη θέση αφοσίωσης του υιοθετημένου στοιχείου.
scroll-padding-top Καθορίζει τη απόσταση από την κορυφή του κοντέινερ μέχρι τη θέση αφοσίωσης του υιοθετημένου στοιχείου.
scroll-snap-align Καθορίζει τη θέση του στοιχείου όταν ο χρήστης σταματά την πλοήγηση.
scroll-snap-stop Καθορίζει τη συμπεριφορά πλοήγησης μετά από γρήγορη κύλιση στον επιφύλακτη ή το δάχτυλο.
scroll-snap-type Καθορίζει τη συμπεριφορά αφοσίωσης κατά τη διάρκεια της πλοήγησης.
scrollbar-color Καθορίζει τον χρωματισμό του δίσκου πλοήγησης.
shape-outside Δефινηζει τη μορφή περιεχομένου που περιλαμβάνεται στον στοιχείο.
@starting-style Δефινηζει τη θέση του στοιχείου πριν από την πρώτη αναθεώρηση του στυλ.
@supports Χρησιμοποιείται για να ελέγξει αν ο περιηγητής υποστηρίζει κάποια λειτουργία CSS.

T

tab-size Καθορίζει το πλάτος του tab.
table-layout Δефινηζει τον αλγόριθμο που χρησιμοποιείται για τη διάταξη των κελιών, των γραμμών και των στηλών.
text-align Καθορίζει τον τρόπο οριζόντιας προσαρμογής του κειμένου.
text-align-last Περιγράφει πώς προσαρμόζεται ένα κείμενο ή γραμμή όταν το text-align είναι "justify" πριν από τη διορθωτική αλλαγή γραμμής.
text-combine-upright Συνδυάζει πολλαπλούς χαρακτήρες σε ένα μοναδικό χώρο χαρακτήρα.
text-decoration Καθορίζει τη διακόσμηση του κειμένου.
text-decoration-color Καθορίζει τον χρωματισμό της διακοσμητικής γραμμής του κειμένου.
text-decoration-line Καθορίζει τον τύπο γραμμής της διακοσμητικής γραμμής του κειμένου.
text-decoration-style Καθορίζει τον τύπο γραμμής της διακοσμητικής γραμμής του κειμένου.
text-decoration-thickness Καθορίζει το πάχος της διακοσμητικής γραμμής.
text-emphasis

Καθορίζει τις συντομεύσεις των παρακάτω ιδιοτήτων:
text-emphasis-color Καθορίζει τον χρωματισμό της έντονης σημαίας.
text-emphasis-position Καθορίζει τη θέση της έντονης σημαίας.
text-emphasis-style Καθορίζει τον τύπο της έντονης σημαίας.
text-indent Καθορίζει την υποτομή της πρώτης γραμμής ενός κειμένου-block.
text-justify Καθορίζει τον τρόπο προσαρμογής που χρησιμοποιείται όταν το text-align είναι "justify".
text-orientation Ορίζει τη κατεύθυνση των χαρακτήρων在一行中的方向.
text-overflow Καθορίζει τι θα συμβεί όταν το κείμενο ξεπεράσει τα όρια του περιεχομένου.
text-shadow Προσθήκη σκιάς κειμένου.
text-transform Έλεγχος της μεγέθυνσης του κειμένου.
text-underline-offset Καθορίζει τη μετατόπιση της διακόσμησης υπογραμμίσματος του κειμένου.
text-underline-position Καθορίζει τη θέση της διακόσμησης υπογραμμίσματος του κειμένου.
top Καθορίζει τη θέση της κορυφής του στοιχείου.
transform Εφαρμόζει 2D ή 3D μετατροπή στο στοιχείο.
transform-origin Επιτρέπει τη μεταφορά της θέσης του στοιχείου.
transform-style Καθορίζει πώς θα εμφανίζονται τα εσωτερικά στοιχεία σε 3D χώρο.
transition Αποσύνθετη ιδιότητα για όλες τις ιδιότητες transition-*.
transition-delay Καθορίζει πότε θα ξεκινήσει η μεταβατική διαδικασία.
transition-duration Καθορίζει τον χρόνο που απαιτείται για την ολοκλήρωση της μεταβατικής διαδικασίας σε δευτερόλεπτα ή χιλιοστόλεπτα.
transition-property Καθορίζει το όνομα της ιδιότητας CSS που αντιστοιχεί στη μεταβατική διαδικασία.
transition-timing-function Καθορίζει την καμπύλη ταχύτητας της μεταβατικής διαδικασίας.
translate Καθορίζει τη θέση του στοιχείου.

U

unicode-bidi Χρησιμοποιείται μαζί με την ιδιότητα direction για τη ρύθμιση ή την επιστροφή αν πρέπει να υποστηρίζεται το κείμενο για πολλαπλά γλωσσικά πλαίσια στο ίδιο έγγραφο.
user-select Καθορίζει αν μπορεί να επιλεγεί το κείμενο του στοιχείου.

V

vertical-align Ρύθμιση της οριζόντιας ισορροπίας του στοιχείου.
visibility Καθορίζει αν το στοιχείο είναι ορατό.

W

white-space Καθορίζει πώς θα χειριστούν τα κενά χαρακτήρες εντός του στοιχείου.
widows Ρύθμιση του ελάχιστου αριθμού γραμμών που πρέπει να διατηρηθούν στην κορυφή της σελίδας ή της στήλης.
widows Ρύθμιση του ελάχιστου αριθμού γραμμών που πρέπει να διατηρηθούν στην κορυφή της σελίδας αν προκύψει σελίδωση στο στοιχείο.
width Ρύθμιση της πλάσεως του στοιχείου.
word-break Καθορίζει πώς θα γίνει η μεταφορά γραμμής μετά την ολοκλήρωση της λέξης.
word-spacing Αύξηση ή μείωση του χώρου μεταξύ των λέξεων του κειμένου.
word-wrap Επιτρέπει τη μεταφορά μακρών, μη αναδιαμορφώσιμων λέξεων στην επόμενη γραμμή.
writing-mode Καθορίζει αν η γραμμή κειμένου είναι οριζόντια ή κάθετη διάταξη.

Z

z-index Ρύθμιση της σειράς προτεραιότητας της τοποθετημένης τοποθεσίας.
zoom Η κλίμακα κλίμακας του καθορισμένου στοιχείου. Το στοιχείο μπορεί να μεγαλώσει και να συρρικνωθεί.