Η word-spacingιδιότητα είναι παρόμοια με letter-spacing, αν και φυσικά η χρήση της διέπει την απόσταση μεταξύ των λέξεων σε ένα κομμάτι κειμένου και όχι τους μεμονωμένους χαρακτήρες.
p ( word-spacing: 2em; )word-spacing μπορεί να λάβει τρεις διαφορετικές τιμές:
- η «κανονική» λέξη-κλειδί, η οποία επαναφέρει την προεπιλεγμένη απόσταση
- τιμές μήκους χρησιμοποιώντας οποιεσδήποτε μονάδες CSS (συνήθως px, em, rem)
- τη λέξη-κλειδί "κληρονομιά", η οποία εφαρμόζει
word-spacingτο γονικό στοιχείο
Η καλύτερη πρακτική αυτή τη στιγμή θα ήταν η χρήση em. Το μέγεθος της γραμματοσειράς μπορεί να προσαρμοστεί, οπότε η χρήση εικονοστοιχείων για αυτό θα μπορούσε να προκαλέσει προβλήματα στο διάστημα μεταξύ των λέξεων δεν θα κλιμακωθεί όπως το μέγεθος τους. remείναι εξαιρετική συνήθως, αλλά η υποστήριξη του προγράμματος περιήγησης είναι χαμηλότερη και σε αυτήν την περίπτωση χρήσης είναι πιθανότατα καλύτερο το διάστημα να σχετίζεται άμεσα με τις λέξεις στις οποίες εφαρμόζεται, όχι στη ρίζα.
Είναι σημαντικό να σημειωθεί ότι η «λέξη» σε αυτό το πλαίσιο στην πραγματικότητα αναφέρεται σε ένα μοναδικό κομμάτι ενσωματωμένου περιεχομένου-που σημαίνει ότι word-spacingεπηρεάζει inline-blockστοιχεία καθώς και inlineστοιχεία. Σε αυτό το παράδειγμα, πολλά τέτοια στοιχεία χωρίζονται σε απόσταση με τον καθορισμό word-spacingτου γονικού κοντέινερ:
Σημεία ενδιαφέροντος
- Η
word-spacingιδιότητα είναι κινούμενη με μεταβάσεις CSS. - Ενώ επιτρέπεται η χρήση της τιμής «ποσοστού» για τον προσδιορισμό της απόστασης σύμφωνα με την προδιαγραφή, μπορεί να αποφέρει απρόβλεπτα αποτελέσματα - συχνά απλώς καθόλου αποτέλεσμα.
- Η ρύθμιση του λευκού διαστήματος στο μηδέν είναι ένας από τους τρόπους για την καταπολέμηση του διαστήματος μεταξύ των ενσωματωμένων στοιχείων μπλοκ.
Υποστήριξη προγράμματος περιήγησης
| Χρώμιο | Σαφάρι | Firefox | ΛΥΡΙΚΗ ΣΚΗΝΗ | ΙΕ | Android | iOS |
|---|---|---|---|---|---|---|
| Εργα | Εργα | Εργα | Εργα | Εργα | Πλέον | Εργα |
Μια σημείωση για την υποστήριξη του προγράμματος περιήγησης Android: Η συντριπτική πλειοψηφία των συσκευών Android υποστηρίζει word-spacing- ωστόσο, ορισμένες συσκευές που χρησιμοποιούν εκδόσεις Webkit εκτός Apple ή το πρόγραμμα περιήγησης Netfront δεν το κάνουν. Οι λεπτομέρειες περιγράφονται λεπτομερώς στον παραπάνω σύνδεσμο QuirksMode.