Thamani ya line-height bila vitengo katika CSS

Thamani ya sifa line-height ha iwezi lazima kuwa nambari katika baadhi ya vitengo. Pia unaweza kuandika tu nambari au sehemu. Katika kesi hii thamani halisi ya line-height itapatikana kwa kuzidisha kwa thamani ya font-size.

Kwa mfano, font-size ni 10px, na line-height - 1.5. Katika kesi hii thamani halisi ya line-height itakuwa 10px * 1.5 = 15px. Na, nafasi nyeupe inayoonekana kati ya mistari ya maandishi itakuwa 5px: 15px - 10px = 5px.

Faida ya njia hii ya kuweka line-height ni kwamba wakati ukubwa wa herufi unapobadilika kiotomatiki na nafasi kati ya mistari itabadilika.

Tutaona utumizi wa yaliyoelezewa kwa mfano:

html<p>
  some long text
</p>
cssp {
  font-size: 20px;
  line-height: 1.5;
  text-align: justify;
  width: 400px;
}

Результат:

Задание 1

Acha ukubwa wa herufi kwa aya ziwe 30px. Weka sifa line-height ili nafasi nyeupe inayoonekana kati ya aya iwe 15px. Tumia kwa hili thamani ya line-height bila vitengo.