Η ιδιότητα text-transform του CSS
- την προηγούμενη σελίδα shadow-text
- την επόμενη σελίδα text-underline-offset
Ορισμός και χρήση
Η ιδιότητα text-transform ελέγχει την κεφαλαία και πεζή γραφή του κειμένου.
Σημείωση
Αυτή η ιδιότητα αλλάζει την κεφαλαία και πεζή γραφή των γραμμάτων του στοιχείου, ανεξάρτητα από την κεφαλαία και πεζή γραφή του κειμένου στην πηγή. Αν η τιμή είναι "capitalize", πρέπει να γράψουν με κεφαλαία κάποιες λέξεις, αλλά δεν καθορίζεται πώς να καθοριστούν αυτά τα γράμματα, εξαρτάται από τον τρόπο που ο χρήστης agent αναγνωρίζει τα "λόγια".
Δείτε επίσης:
Εκμάθηση CSS:Το κείμενο CSS
Εγχειρίδιο HTML DOM:Τιμή textTransform
Παράδειγμα
Μετατροπή κειμένου σε διαφορετικά στοιχεία:
h1 {text-transform:uppercase;}
h2 {text-transform:capitalize;}
p {text-transform:lowercase;}
Συμβουλές και σημειώσεις
Σημειώσεις:Διαφορετικοί χρήστες代理 μπορεί να χρησιμοποιούν διαφορετικούς τρόπους για να καθορίσουν πού ξεκινά μια λέξη, και ως εκ τούτου να καθορίσουν ποια γράμματα πρέπει να είναι κεφαλαία. Για παράδειγμα, το κείμενο "w3-school" μπορεί να εμφανιστεί με δύο τρόπους: "W3-school" και "W3-School". Το CSS δεν καθορίζει ποιος είναι ο σωστός τρόπος, οπότε και οι δύο είναι αποδεκτοί.
Γλώσσα γράφησης CSS
text-transform: none|capitalize|uppercase|lowercase|initial|inherit;
Τιμή ιδιότητας
| Τιμή | Περιγραφή |
|---|---|
| μηδέν | Προεπιλεγμένη. Ορίζει το τυπικό κείμενο με πεζά και κεφαλαία γράμματα. |
| capitalize | Κάθε λέξη στο κείμενο ξεκινά με κεφαλαίο γράμμα. |
| uppercase | Ορίζει ότι υπάρχουν μόνο κεφαλαία γράμματα. |
| lowercase | Ορίζει ότι δεν υπάρχουν κεφαλαία γράμματα, μόνο πεζά. |
| εγκατάληψη | Ορίζει ότι η τιμή της ιδιότητας text-transform πρέπει να αποσπάται από το γονικό στοιχείο. |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | μηδέν |
|---|---|
| Εγκατάληψη: | ναι |
| Έκδοση: | CSS1 |
| Γλώσσα γράφησης JavaScript: | αντικείμενο.style.textTransform="uppercase" |
Περισσότερες παραδείξεις
- Ελέγχος της κεφαλαία και πεζή γραφής των γραμμάτων του κειμένου
- Αυτό το παράδειγμα δείχνει πώς να ελέγχεις την κεφαλαία και πεζή γραφή των γραμμάτων του κειμένου.
Υποστήριξη του προγράμματος περιήγησης
Τα αριθμήματα στην τύπο αναφέρουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως την ιδιότητα.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
- την προηγούμενη σελίδα shadow-text
- την επόμενη σελίδα text-underline-offset
