Wbr teqi
wbr teqi brauzerin sətir dəyişməsi edə biləcəyi yeri göstərir
(əgər mətn elementin eninə sığmırsa).
Belə sətir dəyişmələri yumşaq adlanır.
Bağlayıcı teq tələb etmir.
wbr teqi vasitəsilə söz sətir dəyişdirdikdə
sətir dəyişmə simvolu "-" əlavə edilmir. Əgər
sizə bu simvol lazımdırsa - yumşaq sətir dəyişmə
simvolu ­ istifadə edin (nöqtəli vergül
sonda məcburidir, bu səhv deyil).
Yumşaq sətir dəyişməsi ­ brauzerə
sətir dəyişməsi edə biləcəyi yeri göstərir
(lazım olduqda), bununla da
sətir dəyişmə simvolu "-" qoyur.
Yumşaq sətir dəyişmələri ­ işləməyəcək,
əgər hyphens
xassəsinin dəyəri none olaraq təyin edilibsə (və
wbr sətir dəyişmələri işləyəcək).
Nümunə . Sətir dəyişmələri olmayan mətn
Gəlin uzun sözləri olan, blokun həddindən kənara çıxan mətn nümunəsinə baxaq. Bloka kiçik en təyin edək ki, uzun söz onun içinə sığmasın:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Nümunə . Wbr teqi
Burada isə, gəlin wbr teqini
brauzerə sözün sətir dəyişməsi etməsini məsləhət gördüyümüz
yerlərə əlavə edək (diqqət edin ki,
brauzer sətir dəyişmələrini bizim göstərdiyimiz
hər yerdə etməyəcək):
<div id="elem">
this is super<wbr>super<wbr>super<wbr>long text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Nümunə . ­ simvolu
Gəlin wbr teqi əvəzinə
­ simvolunu qoyaq. Sətir dəyişməsi
yerlərində defis göstəriləcək:
<div id="elem">
this is supersupersuperlong text
</div>
#elem {
width: 200px;
border: 1px solid black;
}
:
Həmçinin bax
-
brteqi,
,
yeni sətirə keçid edir -
hyphensxassəsi,
həqiqi söz sətir dəyişmələrini təyin edir -
word-breakvəoverflow-wrapxassələri,
uzun sözün hərflərini sətir dəyişdirməyə imkan verir -
overflowxassəsi,
blokun həddindən kənara çıxan hissələri kəsir