Αιτιολόγηση κειμένου - CSS-Κόλπα

Η text-justifyιδιότητα στο CSS είναι σύντροφος της text-alignιδιότητας που χρησιμοποιείται για τον ορισμό της μεθόδου αιτιολόγησης του κειμένου όταν text-alignέχει οριστεί στην justifyτιμή.

p ( text-align: justify; text-justify: inter-word; )

Αξίες

inter-word: Καθορίζει ότι το κείμενο είναι δικαιολογημένο προσαρμόζοντας το διάστιχο μεταξύ των λέξεων, δημιουργώντας αποτελεσματικά επιπλέον απόσταση μεταξύ λέξεων. Αυτή είναι ουσιαστικά μια παραλλαγή του word-spacingακινήτου.
inter-character: Καθορίζει ότι το κείμενο δικαιολογείται προσαρμόζοντας το διάστιχο μεταξύ των χαρακτήρων, δημιουργώντας αποτελεσματικά επιπλέον διαστήματα χαρακτήρων. Αυτή είναι ουσιαστικά μια παραλλαγή του letter-spacingακινήτου.
auto: Επιτρέπει στο πρόγραμμα περιήγησης να καθορίσει εάν η αιτιολόγηση αντιμετωπίζεται καλύτερα ως inter-wordή inter-character. Αυτό μπορεί να είναι χρήσιμο σε πολυγλωσσικά σενάρια όπου η γλώσσα περιεχομένου είναι άγνωστη μέχρι την απόδοση, επιτρέποντας στον πράκτορα χρήστη του προγράμματος περιήγησης να επιλέξει ανάλογα ανάλογα με τη μέθοδο που ταιριάζει καλύτερα στο γλωσσικό περιβάλλον.
none: Απενεργοποιεί μεθόδους αιτιολόγησης, αφαιρώντας αποτελεσματικά τυχόν ευκαιρίες αιτιολόγησης ή παρακάμπτοντας όπου μπορεί να προκύψει μια μέθοδος αιτιολόγησης στον καταρράκτη.

Τι ακριβώς δικαιολογεί;

Το αιτιολογημένο κείμενο είναι ένας φανταχτερός τρόπος να λέει πώς το κείμενο γεμίζει το πλαίσιο που το περιέχει. Στην πραγματικότητα, μπορεί να είστε ήδη εξοικειωμένοι με την αιτιολόγηση κειμένου και δεν το γνωρίζετε. Εάν έχετε χρησιμοποιήσει ποτέ λογισμικό επεξεργασίας κειμένου όπως το Word και τα Έγγραφα Google, τότε ίσως να είστε εξοικειωμένοι με αυτά τα εικονίδια:

Επιλογές ευθυγράμμισης κειμένου και αιτιολόγησης στη γραμμή εργαλείων των Εγγράφων Google

Αυτά τα πρώτα τρία ρυθμίζουν την ευθυγράμμιση κειμένου, ακριβώς όπως η text-alignιδιότητα CSS , όπου το κείμενο μπορεί να ευθυγραμμιστεί προς τα αριστερά, δεξιά ή εντελώς κεντραρισμένο.

Αυτό το τέταρτο εικονίδιο είναι η επιλογή αιτιολόγησης και λέει στο περιεχόμενο να γεμίσει ολόκληρο το πλάτος του εγγράφου, έτσι ώστε κάθε γραμμή να είναι επίπεδη μέχρι την άκρη, ανεξάρτητα από το εάν επηρεάζει το διάστημα μεταξύ των λέξεων.

Η αιτιολόγηση του περιεχομένου στα Έγγραφα Google προσθέτει απόσταση μεταξύ των λέξεων για να καταλάβει το πλήρες πλάτος του εγγράφου σε κάθε γραμμή

Η text-justifyιδιότητα μας επιτρέπει να κάνουμε το ίδιο, αλλά με επιπλέον ευελιξία για να προσδιορίσουμε εάν η μέθοδος διαστήματος που χρησιμοποιείται για να δικαιολογήσει το περιεχόμενο διαχειρίζεται μεταξύ λέξεων ή χαρακτήρων.

Υποστήριξη προγράμματος περιήγησης

Η text-justifyιδιότητα περιλαμβάνεται στην προδιαγραφή CSS Text Module Level 3, η οποία βρίσκεται επί του παρόντος σε κατάσταση πρόχειρου συντάκτη κατά τη στιγμή αυτής της γραφής.

Αυτή η ιδιότητα αναφέρεται προς το παρόν ως "κινδυνεύει" να αποσυρθεί κατά την περίοδο υποβολής υποψηφίων. Ως εκ τούτου, δεν συνιστάται η χρήση αυτής της ιδιότητας στην παραγωγή, καθώς είναι απίθανο να υιοθετηθεί ως πρότυπο σε όλα τα προγράμματα περιήγησης στο εγγύς μέλλον.

Η τρέχουσα υποστήριξη περιορίζεται στον Firefox 55+. Ο Internet Explorer 11 και το Edge 14+ υποστηρίζουν επίσης την ιδιότητα, αλλά μόνο η inter-wordτιμή καθώς και οι ανεπίσημες τιμές που δεν περιλαμβάνονται στην προδιαγραφή W3C.

Αυτά τα δεδομένα υποστήριξης του προγράμματος περιήγησης προέρχονται από την Caniuse, η οποία έχει περισσότερες λεπτομέρειες. Ένας αριθμός υποδεικνύει ότι το πρόγραμμα περιήγησης υποστηρίζει τη λειτουργία σε αυτήν την έκδοση και νεότερη.