Η hyphensιδιότητα ελέγχει συλλαβισμό κειμένου σε στοιχεία επιπέδου μπλοκ. Μπορείτε να αποτρέψετε το συλλαβισμό να συμβεί καθόλου, να το επιτρέψετε ή να το επιτρέψετε μόνο όταν υπάρχουν συγκεκριμένοι χαρακτήρες.
Σημειώστε ότι hyphensείναι ευαίσθητο στη γλώσσα. Η ικανότητά του να βρει ευκαιρίες διακοπής εξαρτάται από τη γλώσσα, που ορίζεται στο langχαρακτηριστικό ενός γονικού στοιχείου. Δεν υποστηρίζονται ακόμη όλες οι γλώσσες και η υποστήριξη εξαρτάται από το συγκεκριμένο πρόγραμμα περιήγησης.
Σύνταξη
p ( hyphens: none | manual | auto )ενωτικά: κανένα
Οι λέξεις δεν είναι ποτέ ενωτικές σε διαλείμματα γραμμής, ακόμη και αν οι χαρακτήρες μέσα στη λέξη υποδηλώνουν πού θα μπορούσε ή πρέπει να πηγαίνει ο συλλαβισμός.
παύλες: εγχειρίδιο
Οι λέξεις διασπώνται μόνο σε αλλαγές γραμμής όπου υπάρχουν χαρακτήρες μέσα στη λέξη που υποδηλώνουν ευκαιρίες αλλαγής γραμμής. Υπάρχουν δύο χαρακτήρες που προτείνουν την ευκαιρία αλλαγής γραμμής:
U+2010(HYPHEN): ο "σκληρός" χαρακτήρας ενωτικών υποδηλώνει μια ορατή ευκαιρία διακοπής γραμμής. Ακόμα κι αν η γραμμή δεν είναι πραγματικά σπασμένη σε αυτό το σημείο, η παύλα εξακολουθεί να αποδίδεται. Κυριολεκτικά ένα "-".U+00AD(SHY): μια αόρατη, «μαλακή» παύλα. Αυτός ο χαρακτήρας δεν αποδίδεται ορατά. Αντίθετα, προτείνει ένα μέρος όπου το πρόγραμμα περιήγησης μπορεί να επιλέξει να σπάσει τη λέξη εάν είναι απαραίτητο. Σε HTML, μπορείτε να χρησιμοποιήσετε-για να εισαγάγετε μια μαλακή παύλα.
παύλες: αυτόματη
Οι λέξεις μπορούν να σπάσουν σε κατάλληλα σημεία συλλαβισμού είτε καθορίζονται από χαρακτήρες συλλαβισμού (βλ. Παραπάνω) μέσα στη λέξη είτε καθορίζονται αυτόματα από έναν πόρο συλλαβισμού που είναι κατάλληλος για γλώσσα (εάν υποστηρίζεται από το πρόγραμμα περιήγησης ή παρέχεται μέσω @hyphenation-resource).
Οι υπό όρους χαρακτήρες συλλαβισμού μέσα σε μια λέξη, εάν υπάρχουν, έχουν προτεραιότητα έναντι των αυτόματων πόρων κατά τον προσδιορισμό σημείων συλλαβισμού μέσα στη λέξη.
παύλες: όλα
Καταργήθηκε, μην το χρησιμοποιείτε . Αυτό ήταν μόνο στις προδιαγραφές προσωρινά για δοκιμή.
Διαδήλωση
Η παρακάτω επίδειξη έχει πολλές παραγράφους και όλα είναι έτοιμα hyphens: auto;να δείξουν την έννοια του συλλαβισμού. Το langχαρακτηριστικό έχει οριστεί στο enγονικό στοιχείο.
Υποστήριξη προγράμματος περιήγησης
Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.
Επιφάνεια εργασίας
| Χρώμιο | Firefox | ΙΕ | Ακρη | Σαφάρι |
|---|---|---|---|---|
| 88 | 6 * | 10 * | 12 * | 5.1 * |
Κινητό / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 81 | 4.2-4.3 * |
Απαιτείται το Safari 5+ -webkit-, το Firefox 6+ -moz-, το IE 10+ -ms-, το iOS 4.2+ -webkit-.
Το πρόγραμμα περιήγησης Chrome <55 και Android υποστηρίζει στην πραγματικότητα -webkit-hyphens: none, η οποία είναι η προεπιλεγμένη τιμή, αλλά καμία από τις άλλες τιμές.
Στον Firefox και τον Internet Explorer, η αυτόματη συλλαβισμός λειτουργεί μόνο για ορισμένες γλώσσες (ορίζονται με το langχαρακτηριστικό). Δείτε αυτήν τη σημείωση για μια ολοκληρωμένη λίστα υποστηριζόμενων γλωσσών
Εάν γράφετε ένα έγγραφο που βασίζεται στον Ιστό και χρειάζεται πραγματικά συλλαβισμό, μπορείτε να χρησιμοποιήσετε το Hyphenator.js που είναι μια βιβλιοθήκη που βασίζεται σε ένα τεράστιο λεξικό που θα εισάγει αυτόματα μαλακά παύλες και κενά πλάτη στο περιεχόμενό σας.
Χωρίς JavaScript, θα πρέπει να βασίζεστε και στα δύο hyphensκαι word-wrap:
.hyphenate ( word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; )