hyphens
Misol
Turli bo‘g‘in ko‘chirish usullarini o‘rnating:
<style>
div.a {
hyphens: none;
}
div.b {
hyphens: manual;
}
div.c {
hyphens: auto;
}
</style>
<body>
<h2>hyphens: none</h2>
<div class="a">A veryvery­very long word.</div>
<h2>hyphens: manual</h2>
<div class="b">A veryvery­very long word.</div>
<h2>hyphens: auto</h2>
<div class="c">A veryvery­very long word.</div>
</body>
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
hyphens xususiyati matn qatori ichida qatorni yumshoq ko‘chirish imkoniyatlarini ko‘paytirish uchun so‘zlarni bo‘g‘inga ajratib ko‘chirishga ruxsat berilishini belgilaydi.
| Standart qiymat: | manual |
|---|---|
| Meros qilinadi: | ha |
| Animatsiya qilinadi: | yo‘q. animatable haqida o‘qing |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.hyphens="none" |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| hyphens | 55 | 79 | 43 | 17 | 44 |
CSS sintaksisi
hyphens: none|manual|auto|initial|inherit;
Xususiyat qiymatlari
| Qiymat | Tavsif | Demo |
|---|---|---|
| none | So‘zlar bo‘g‘inga ajratib ko‘chirilmaydi | Demo ❯ |
| manual | Standart. So‘zlar faqat ‐ yoki ­ belgilari turgan joyda bo‘g‘inga ajratib ko‘chiriladi (kerak bo‘lsa) | Demo ❯ |
| auto | So‘zlar algoritm hal qilgan joyda bo‘g‘inga ajratib ko‘chiriladi (kerak bo‘lsa) | 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!