logo

Kako prelomiti tekst u CSS-u?

CSS prelamanje riječi svojstvo se koristi za prekidanje dugih riječi i prelamanje u sljedeći redak. Ovo se svojstvo koristi za sprječavanje prelijevanja kada je neraskidivi niz predugačak da stane u spremnik.

Ovo svojstvo definira prekide u riječi kako bi se izbjeglo prekoračenje kada je riječ predugačka da stane u spremnik. Određuje razbijanje riječi kada sadržaj prelazi granicu spremnika.

Sintaksa

 word-wrap: normal | break-word | initial l inherit ; 

Vrijednosti

normalan: To je zadana vrijednost koja se koristi za rastavljanje riječi samo na dopuštenim prijelomnim točkama.

prijelomna riječ: Koristi se za razbijanje neraskidivih riječi.

početni: Koristi se za postavljanje svojstva na zadanu vrijednost.

naslijediti: Nasljeđuje svojstvo od nadređenog elementa.

Primjer

 .test { width: 200px; background-color: lightblue; border: 2px solid black; padding: 10px; font-size: 20px; } .test1 { width: 11em; background-color: lightblue; border: 2px solid black; padding: 10px; word-wrap: break-word; font-size: 20px; } <p> In this paragraph, there is a very long word: iamsooooooooooooooooooooooooooooooolongggggggggggggggg. The long word will break and wrap to the next line. </p> 
Testirajte sada

Izlaz

Kako prelomiti tekst u CSS-u