Tekst-opravdati - CSS-trikovi

text-justifyNekretnina u CSS je suputnik na text-alignimovinu koja se koristi za postavljanje načina opravdanost teksta kad text-alignje postavljen na justifyvrijednost.

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

Vrijednosti

inter-word: Određuje da je tekst opravdan prilagođavanjem razmaka između riječi, učinkovito stvarajući dodatni razmak između riječi. Ovo je zapravo varijacija word-spacingimovine.
inter-character: Određuje da se tekst samo prikazuje prilagodbom razmaka između znakova, učinkovito stvarajući dodatni razmak između znakova. Ovo je zapravo varijacija letter-spacingimovine.
auto: Omogućuje pregledniku da utvrdi hoće li se s opravdanjem bolje postupati kao inter-wordili inter-character. To može biti korisno u višejezičnim scenarijima gdje je jezik sadržaja nepoznat dok se ne generira, omogućujući korisničkom agentu preglednika da odabere u skladu s tim koja metoda bolje odgovara jezičnom kontekstu.
none: Onemogućava metode opravdanja, učinkovito uklanjajući sve mogućnosti opravdanja ili nadjačavajući gdje se metoda opravdanja može pojaviti u kaskadi.

Što je zapravo opravdanje?

Opravdani tekst je fensi način da se kaže kako tekst ispunjava okvir koji ga sadrži. U stvari, možda ste već dobro upoznati s pravdajućim tekstom, a niti ga ne znate. Ako ste ikada koristili softver za uređivanje teksta poput Worda i Google dokumenata, možda su vam poznate ove ikone:

Opcije poravnanja i opravdanja teksta na alatnoj traci Google dokumenata

Ta prva tri postavljaju poravnanje teksta, baš kao i CSS text-alignsvojstvo, gdje se tekst može poravnati lijevo, desno ili potpuno centrirati.

Ta četvrta ikona je opcija opravdavanja i poručuje sadržaju da ispuni cijelu širinu dokumenta tako da je svaki redak ravno do ruba, bez obzira utječe li na razmak između riječi.

Opravdavajući sadržaj u Google dokumentima dodaje razmak između riječi kako bi zauzeo cijelu širinu dokumenta u svakom retku

text-justifySvojstvo omogućuje nam da učine isto, ali s dodatnim fleksibilnost kako bi se utvrdilo da li je metoda razmak koriste kako bi opravdali sadržaj upravlja između riječi ili znakova.

Podrška preglednika

text-justifyImovina uključena u CSS Tekst Modul Level 3 specifikaciji, koja je trenutno u urednika Nacrtu status u vrijeme pisanja ovog teksta.

Ova je imovina trenutno navedena kao "u opasnosti" od pada u razdoblju preporuke kandidata. Kao takvo, ne preporučuje se korištenje ovog svojstva u proizvodnji, jer je malo vjerojatno da će u bliskoj budućnosti biti usvojeno kao standard u svim preglednicima.

Trenutna podrška ograničena je na Firefox 55+. Internet Explorer 11 i Edge 14+ također podržavaju svojstvo, ali samo inter-wordvrijednost kao i neslužbene vrijednosti koje nisu uključene u specifikaciju W3C.

Podaci o podršci preglednika potječu iz tvrtke Caniuse, koja sadrži više detalja. Broj označava da preglednik podržava značajku u toj verziji i novijoj.