logo

CSS'de metin nasıl sarılır?

CSS sözcük sarma özelliği uzun kelimeleri kesip bir sonraki satıra sarmak için kullanılır. Bu özellik, bölünemez bir dizenin bulunduğu kutuya sığmayacak kadar uzun olması durumunda taşmayı önlemek için kullanılır.

Bu özellik, bir sözcük kaba sığmayacak kadar uzun olduğunda taşmayı önlemek için sözcükteki kesmeleri tanımlar. İçerik kabın sınırını aştığında kelimelerin kırılmasını belirtir.

python dosyaya json yaz

Sözdizimi

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

Değerler

normal: Kelimeleri yalnızca izin verilen kesme noktalarında kesmek için kullanılan varsayılan değerdir.

ara kelime: Kırılmaz kelimeleri kırmak için kullanılır.

ilk: Özelliği varsayılan değerine ayarlamak için kullanılır.

miras: Özelliği ana öğesinden devralır.

Örnek

 .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> 
Şimdi Test Edin

Çıktı

CSS'de metin nasıl kaydırılır