Perustele teksti - CSS-temppuja | CSS-almanakka 2025

text-justifyOmaisuus CSS on kumppani text-alignomaisuutta, jota käytetään asettamaan tasaamistapaa tekstin kun text-alignon asetettu justifyarvoon.

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

Arvot

inter-word: Määrittää, että teksti on perusteltu säätämällä sanojen välistä etäisyyttä luomalla tehokkaasti sanaväliä. Tämä on käytännössä word-spacingomaisuuden muunnelma .
inter-character: Määrittää, että tekstiä oikeutetaan säätämällä merkkien välistä etäisyyttä luomalla tehokkaasti lisämerkkivälit. Tämä on käytännössä letter-spacingominaisuuden muunnelma .
auto: Antaa selaimen määrittää, käsitelläänkö perusteluja paremmin nimellä inter-wordvai inter-character. Tästä voi olla hyötyä monikielisissä skenaarioissa, joissa sisältökieli on tuntematon renderointiin asti, jolloin selaimen käyttäjäagentti voi valita sen mukaan, mikä menetelmä sopii paremmin kielikontekstiin.
none: Poistaa perustelumenetelmät, poistaa tehokkaasti kaikki oikeutusmahdollisuudet tai ohittaa kohdat, joissa oikeutusmenetelmä saattaa esiintyä kaskadissa.

Mikä on perustelu tarkalleen?

Perusteltu teksti on hieno tapa sanoa, kuinka teksti täyttää sen sisältävän ruudun. Itse asiassa saatat olla jo perehtynyt perustellun tekstin etkä edes tiedä sitä. Jos olet joskus käyttänyt tekstinmuokkausohjelmistoja, kuten Word ja Google Docs, saatat tuntea nämä kuvakkeet:

Tekstin tasaus- ja perusteluvaihtoehdot Google-dokumenttien työkalupalkissa

Nämä kolme ensimmäistä asettavat tekstin tasauksen, aivan kuten CSS- text-alignominaisuus, jossa teksti voidaan kohdistaa vasemmalle, oikealle tai kokonaan keskelle.

Tämä neljäs kuvake on perusteluvaihtoehto ja se käskee sisällön täyttämään asiakirjan koko leveyden siten, että jokainen rivi on tasainen reunaan asti riippumatta siitä, vaikuttaako se sanojen väliin.

Sisällön perusteleminen Google-dokumenteissa lisää sanojen välin, jotta kullakin rivillä on koko asiakirjan leveys

text-justifyOmaisuus antaa meille mahdollisuuden tehdä saman, mutta ylimääräisiä joustavuutta onko väli menetelmää käyttää perusteena sisältö hallitaan sanojen tai merkkejä.

Selaimen tuki

text-justifyKiinteistö sisältyy CSS Teksti Moduuli Taso 3 erittely, joka on tällä hetkellä Toimittajan Luonnos tilan ennen tätä kirjoitettaessa.

Tämä ominaisuus on tällä hetkellä luokiteltu "vaaraksi" pudota ehdokassuositusten aikana. Sellaisena ei ole suositeltavaa käyttää tätä ominaisuutta tuotannossa, koska sitä ei todennäköisesti oteta standardiksi kaikissa selaimissa lähitulevaisuudessa.

Nykyinen tuki on rajoitettu Firefox 55+: een. Internet Explorer 11 ja Edge 14+ tukevat myös ominaisuutta, mutta vain inter-wordarvo sekä epäviralliset arvot, jotka eivät sisälly W3C-määritykseen.

Nämä selaintukitiedot ovat Caniuselta, jolla on tarkempia tietoja. Numero osoittaa, että selain tukee ominaisuutta kyseisessä versiossa tai uudemmassa.