CSS-de ölçeg birliksiz line-height bahasy

line-height häsiýetiniň bahasy hökmünde ähli wagt birnäçe birlikdäki san bolmaly däl. Diňe bir san ýa-da droby hem ýazyp bolýar. Bu ýagdaýda hakyky line-height bahasyny ony font-size bahasyna köpeltmek arkaly tapyp bolýar.

Mysal üçin, font-size 10px deň, line-height bolsa 1.5 deň bolsun. Bu ýagda line-height hakyky bahasy 10px * 1.5 = 15px bolar. Eýýäm, tekst setirleri arasyndaky görnüp ýatan ak aralyk 5px bolar: 15px - 10px = 5px.

line-height kesgitlemegiň bu usulynyň artýan tarapy şu ýerde: şrift ölçegi üýtgedilende, setirler arasy aralyk awtomatik usulda üýtgäp durar.

Geliň, beýan edileni mysalda ulanmak:

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

Результат:

Задание 1

Abzaslar üçin şrift ölçegi 30px deň bolsun. line-height häsiýetini şeýle belgiň, abzalar arasyndaky görnüp ýatan ak aralyk 15px deň bolsun. Munuň üçin ölçeg birliksiz line-height bahasyny ulanyň.