Ιδιότητες CSS: Εξερεύνηση και χρήση

Εδώ είναι η λεπτομερής εξήγηση για κάθε ιδιότητα 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 παρέχει πολλές άλλες ιδιότητες για το στυλ και την προσαρμογή στοιχείων στην ιστοσελίδα σας. Μπορείτε να εξερευνήσετε περισσότερες ιδιότητες και να τις προσαρμόσετε για να επιτύχετε διάφορα σχέδια και εφέ για τον ιστότοπό σας.