Ιδιότητα του CSS text-shadow
- Προηγούμενη σελίδα text-overflow
- Επόμενη σελίδα text-transform
Ορισμός και χρήση
Η ιδιότητα text-shadow ρυθμίζει σκιά στο κείμενο.
Δείτε επίσης:
Εκμάθηση CSS3:Εφέ κειμένου CSS3
Εγχειρίδιο HTML DOM:Τιμή του χαρακτηριστικού textShadow
Παράδειγμα
Βασικό εφέ σκιάς κειμένου:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
Περισσότερα παραδείγματα στο κάτω μέρος της σελίδας.
Γλώσσα CSS
text-shadow: h-shadow v-shadow blur color;
Σημείωση:Η ιδιότητα text-shadow προσθέτει μια ή περισσότερες σκιές στο κείμενο. Η ιδιότητα αυτή είναι μια λίστα σκιών που διαχωρίζεται με κόμματα, κάθε σκιά έχει δύο ή τρεις τιμές μήκους και μια προαιρετική τιμή χρώματος. Η λεγόμενη τιμή είναι 0.
Τιμή του χαρακτηριστικού
| Τιμή | Περιγραφή | Δοκιμή |
|---|---|---|
| h-shadow | Απαιτείται. Οριζόντιο της σκιάς. Αποδέχεται αρνητικές τιμές. | Δοκιμή |
| v-shadow | Απαιτείται. Υψος της σκιάς. Αποδέχεται αρνητικές τιμές. | Δοκιμή |
| blur | Επιλογή. Απόσταση θολώματος. | Δοκιμή |
| color | Επιλογή. Χρώμα της σκιάς. Βλέπε Εκπαιδευτικός Οδηγός για τις Αξίες των Χρωμάτων του CSS. | Δοκιμή |
Τεχνικά λεπτομέρειες
| Προεπιλεγμένη τιμή: | none |
|---|---|
| Προληπτικότητα: | yes |
| Έκδοση: | CSS3 |
| Γλώσσα JavaScript: | object.style.textShadow="2px 2px #ff0000" |
Περισσότερα παραδείγματα
- Σκιές κειμένου με εφέ θολώματος
- Αυτό το παράδειγμα δείχνει τις σκιές κειμένου με εφέ θολώματος.
- Σκιές κειμένου πάνω στο λευκό κείμενο
- Αυτό το παράδειγμα δείχνει τις σκιές κειμένου πάνω στο λευκό κείμενο.
- Σκιές κειμένου με εφέ νυχιαριού
- Αυτό το παράδειγμα δείχνει το σκιές κειμένου με εφέ νυχιαριού.
Υποστήριξη του προγράμματος περιήγησης
Τα αριθμήματα στην τύχη δείχνουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτή την ιδιότητα.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- Προηγούμενη σελίδα text-overflow
- Επόμενη σελίδα text-transform
