Εδώ είναι η λεπτομερής εξήγηση για κάθε ιδιότητα CSS
Ιδιοκτησία color
Η color
ιδιότητα χρησιμοποιείται για τη μορφοποίηση του χρώματος κειμένου ενός στοιχείου.
Η τιμή μπορεί να είναι ένα όνομα χρώματος(π.χ., red
, blue
, green
), ένας δεκαεξαδικός κωδικός(π.χ. "#FF0000" για το red
) ή μια rgb()
συνάρτηση για τον καθορισμό των Red, Green, Blue
τιμών.
Παράδειγμα: color: red;
Ιδιοκτησία font-size
Η font-size
ιδιότητα χρησιμοποιείται για τη μορφοποίηση του μεγέθους του κειμένου μέσα σε ένα στοιχείο.
Η τιμή μπορεί να είναι σε εικονοστοιχεία(π.χ. "12px"), μονάδες em(π.χ. "1,2em"), ποσοστά(%) ή άλλες σχετικές τιμές.
Παράδειγμα: font-size: 16px;
Ιδιοκτησία background-color
Η background-color
ιδιότητα χρησιμοποιείται για τη μορφοποίηση του χρώματος φόντου ενός στοιχείου.
Η τιμή μπορεί επίσης να είναι ένα όνομα χρώματος, ένας δεκαεξαδικός κώδικας ή μια συνάρτηση "rgb()" για τον καθορισμό του χρώματος.
Παράδειγμα: background-color: #F0F0F0;
Ιδιοκτησία font-family
Η ιδιότητα "font-family" ορίζει τη γραμματοσειρά που χρησιμοποιείται για το κείμενο ενός στοιχείου.
Η τιμή μπορεί να είναι ένα όνομα γραμματοσειράς(π.χ., Arial
, Helvetica
) ή μια λίστα ονομάτων γραμματοσειρών με προτεραιότητα.
Παράδειγμα: font-family: Arial, sans-serif;
Ιδιοκτησία text-align
Η ιδιότητα "text-align" χρησιμοποιείται για τη στοίχιση του κειμένου μέσα σε ένα στοιχείο.
Η τιμή μπορεί να είναι left
, right
, center
, ή justify
(για να δικαιολογήσει κείμενο και στα δύο άκρα).
Παράδειγμα: text-align: center;
Ιδιοκτησία width
Η ιδιότητα "width" καθορίζει το πλάτος ενός στοιχείου.
Η τιμή μπορεί να είναι σε pixel, ποσοστά(%) ή auto
για αυτόματο πλάτος.
Παράδειγμα: width: 300px;
Ιδιοκτησία height
Η height
ιδιότητα καθορίζει το ύψος ενός στοιχείου.
Η τιμή μπορεί να είναι σε pixel
, ποσοστά(%) ή auto
για αυτόματο ύψος.
Παράδειγμα: height: 200px;
Ιδιοκτησία border
Η border
ιδιότητα χρησιμοποιείται για τη δημιουργία περιγράμματος γύρω από ένα στοιχείο.
Η τιμή μπορεί να περιλαμβάνει πάχος περιγράμματος(π.χ. "1px"), border style
(π.χ., solid
, dotted
) και color
(π.χ., red
).
Παράδειγμα: border: 1px solid black;
Ιδιοκτησία margin
Η margin
ιδιότητα ορίζει την απόσταση μεταξύ ενός στοιχείου και των γύρω στοιχείων.
Η τιμή μπορεί να είναι μια τιμή pixel(π.χ. "10px"), τιμές pixel για κάθε κατεύθυνση(π.χ. "5px 10px") ή auto
για αυτόματη απόσταση.
Παράδειγμα: margin: 10px;
Ιδιοκτησία padding
Η padding
ιδιότητα ορίζει την απόσταση μεταξύ του περιεχομένου και του περιγράμματος ενός στοιχείου.
Η τιμή μπορεί να είναι μια pixel
τιμή ή τιμές pixel για κάθε κατεύθυνση.
Παράδειγμα: padding: 20px;
Αυτά είναι μερικά μόνο παραδείγματα ιδιοτήτων CSS και των τιμών τους. Το CSS παρέχει πολλές άλλες ιδιότητες για το στυλ και την προσαρμογή στοιχείων στην ιστοσελίδα σας. Μπορείτε να εξερευνήσετε περισσότερες ιδιότητες και να τις προσαρμόσετε για να επιτύχετε διάφορα σχέδια και εφέ για τον ιστότοπό σας.