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:

html<p>
  some long text
</p>

cssp {
  font-size: 20px;
  line-height: 50px;
  text-align: justify;
  width: 400px;
}

Результат: