word-break


Misol

So‘zlarni istalgan belgida bo‘ling:

p.a {   word-break: break-all; }
O‘zingiz sinab ko‘ring »

ULASHISH

Ta’rif va qo‘llanilishi

word-break xususiyati qator oxiriga yetganda so‘zlar qanday bo‘linishi kerakligini belgilaydi.

Demoni ko‘rsatish ❯

Standart qiymat: normal
Meros qilinadi: ha
Animatsiya qilinadi: yo‘q. animatable haqida o‘qing
Versiya: CSS3
JavaScript sintaksisi: object.style.wordBreak="break-all" Sinab ko‘ring

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
word-break 4.0 5.5 15.0 3.1 15.0


CSS sintaksisi

word-break: normal|break-all|keep-all|break-word|initial|inherit;

Xususiyat qiymatlari

Qiymat Tavsif Demo
normal Standart qiymat. Standart qator bo‘lish qoidalaridan foydalanadi
break-all Toshib chiqishning oldini olish uchun so‘z istalgan belgida bo‘linishi mumkin Demo ❯
keep-all  So‘zlarning bo‘linishiga yo‘l qo‘ymaydi, CJK (xitoy, yapon, koreys) matnlari bundan mustasno — ularda normal kabi ishlaydi Demo ❯
break-word Eskirgan. overflow-wrap: break-word; bilan almashtirilgan Demo ❯
initial Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!