CSS හි ඒකක නොමැති line-height අගය
line-height ගුණයේ අගය නිශ්චිත
ඒකක වලින් යුත් අංකයක් වීම අනිවාර්ය
නොවේ. අංකයක් හෝ භාගයක් සරලව ලිවිය හැකිය.
මෙම අවස්ථාවේ දී, සත්ය අගය
line-height සොයා ගත හැක්කේ එය
font-size අගයෙන් ගුණ කිරීමෙනි.
උදාහරණයක් ලෙස, font-size යනු 10px,
සහ line-height යනු 1.5 වේ. මෙම
අවස්ථාවේ දී, සත්ය line-height අගය
වනු ඇත . හොඳයි,
පෙළ රේඛා අතර දෘශ්ය සුදු පරතරය
වනු ඇත 10px * 1.5 = 15px5px: .
15px - 10px
= 5px
මෙම ආකාරයෙන් line-height නියම කිරීමේ වාසිය
නම්, අකුරු ප්රමාණය වෙනස් වන විට ස්වයංක්රීයව
පේළි අතර පරතරයද වෙනස් වීමයි.
විස්තර කරන ලද දේ උදාහරණයක් මත යෙදීම බලමු:
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 1.5;
text-align: justify;
width: 400px;
}
:
යමුක පදයන් සඳහා අකුරු ප්රමාණය 30px වේ.
line-height ගුණය සකසන්න,
එවිට පේළි අතර දෘශ්ය සුදු පරතරය
15px වේ. මේ සඳහා
ඒකක නොමැති line-height අගයක් භාවිතා කරන්න.