Mstari wa Spacing katika CSS
Hebu sasa tujifunze kuweka mstari wa spacing
kwa maandishi. Kwa mstari wa spacing
inamaanisha umbali kati ya mistari
ya maandishi, yaani nafasi nyeupe kati yao.
Kwa hili inatumika sifa line-height,
inayoainisha urefu wa mstari wa maandishi.
Wakati wa kutumia sifa line-height
unaweza kutarajia udanganyifu fulani: sifa hii
hainaki nafasi kati ya mistari ya maandishi,
kama inavyoweza kuonekana, bali inaainisha urefu
wa mstari wa maandishi.
Hii inamaanisha kuwa nafasi inayoonekana halisi
kati ya mistari itahesabiwa hivi: line-height
- font-size = umbali unaoonekana kati
ya mistari ya maandishi.
Katika mfano ufuatao umbali kati ya mistari
ya maandishi utakuwa 50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Acha ukubwa wa herufi kwa aya iwe 30px.
Weka sifa line-height ili
nafasi nyeupe inayoonekana kati ya aya
iwe sawa na 15px.
