Σύμβαση text-justify στο CSS

Ορισμός και χρήση

Η ιδιότητα text-justify καθορίζει τον τρόπο ευθυγράμμισης του κειμένου όταν η ρύθμιση text-align είναι "justify".

Η ιδιότητα αυτή καθορίζει πώς θα ευθυγραμμιστεί και θα διαχωριστεί το κείμενο γραμμής.

Παράδειγμα

Αλλαγή του διαστήματος μεταξύ λέξεων για ευθυγράμμιση γραμμών:

div
{
text-align:justify;
text-justify:inter-word;
}

Δοκιμάστε το προσωπικά

Γλώσσα σύνταξης CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

Τιμή ιδιότητας

Τιμή Περιγραφή Δοκιμή
auto Ο περιηγητής αποφασίζει τον αλγόριθμο ευθυγράμμισης. Δοκιμή
none Απενεργοποίηση της ευθυγράμμισης γραμμών. Δοκιμή
inter-word Αύξηση/μειωση του διαστήματος μεταξύ λέξεων. Δοκιμή
inter-ideograph Συγκέντρωση περιεχομένου με σημασιολογικό κείμενο. Δοκιμή
inter-cluster Συμμόρφωση μόνο για περιεχόμενο χωρίς εσωτερικές διαστήσεις λέξεων (π.χ. γλώσσες της Ασίας). Δοκιμή
distribute Παρόμοια με την εφαρμογή των εφημερίδων, εκτός αν η τελευταία γραμμή στην ανατολική Ασία δεν είναι ευθυγραμμισμένη. Δοκιμή
kashida Συστάνει να συγκρατήσετε τα χαρακτήρες για να ισορροπήσετε το περιεχόμενο. Δοκιμή

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: auto
Αναπαράσταση: yes
Έκδοση: CSS3
Γλώσσα σύνταξης JavaScript: object.style.textJustify="inter-word"

Υποστήριξη περιηγητή

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

Chrome IE / Edge Firefox Safari Opera
Υποστήριξη * 11.0 55.0 10.0.3 Υποστήριξη *

* Η λειτουργία αυτή βρίσκεται στις ρυθμίσεις "Ενεργοποίηση λειτουργιών δοκιμαστικού Web πλατφόρμας" (πρέπει να είναι ρυθμισμένο ως "Ενεργοποιημένο"). Για να αλλάξετε τις ρυθμίσεις στο Chrome: Εισάγετε "chrome://flags" στο περιηγητή Chrome. Για να αλλάξετε τις ρυθμίσεις στο Opera: Εισάγετε "flags" στο περιηγητή Opera.