Научете как да използвате височината на линията на собственост на стил CSS, за да повлияете на редовете на вашите уеб страници.
Стойности на CSS линия
Разстоянието между редовете на CSS се влияе от височината на собственост на стила на CSS. Тази собственост заема до 5 различни стойности:
- Нормално: браузърът определя стойност за разстоянието между редовете, което е свързано с размера на шрифта. Това обикновено е същото като размера на шрифта или малко по-голямо (например 20%).
- Наследяване: разстоянието между редовете трябва да се вземе от редовете на родителския елемент. Така че, ако зададете височината на линията на вашият маркер на тялото до 30% по-голям от размера на шрифта и маркерите за параграфи, които са настроени да наследят, те също ще имат височина на линията с 30% по-голяма от размера на шрифта.
- Номер: Ако стойността на височината на линията няма измервателна единица, се счита, че тя е мултиплициращ размер на шрифта за височината на линията. Така че линията на височина от 1,25 би била с 25% по-голяма от размера на шрифта.
- A Дължина: Ако стойността на височината на линията има единица мярка, това е точното количество пространство, което трябва да бъде между линиите. Така че, 1,25 мм ще доведе до линии 1,25 милиметра един от друг.
- Процент: Ако височината на реда е процент, това би представлявало процент от размера на шрифта. Така че височината на линия от 125% би била 25% по-голяма от размера на шрифта.
Коя стойност да използвате за CSS линия
В повечето случаи най-добрият избор за правилното отстояние е да го оставите по подразбиране или "нормално". Това обикновено е най-четимото и не изисква да правите нищо специално. Но промяната на разстоянието между редовете може да даде различен усет към текста ви.
Ако вашият размер на шрифта е дефиниран като ems или проценти, височината на линията ви също трябва да бъде определена по този начин. Това е най-гъвкавата форма на отстояние между редовете, защото позволява на читателя да преоразмерява своите шрифтове и запазва същото съотношение на вашето правило.
Задайте височината на линиите за стилове на печат с точка (pt) стойност. Точката е мярка за отпечатване, така че вашите размери на шрифта трябва да бъдат и в точки.
Не обичаме да използваме номера на числата, защото открихме, че това е най-объркващо за хората. Много хора смятат, че числото е абсолютен размер и затова те го правят огромен. Например, може да имате набор от шрифтове на 14px и след това да настроите височината на линията до 14, което води до големи празнини между линиите, тъй като разстоянието между редовете е 14 пъти размера на шрифта.
Колко пространство трябва да използвате за вашето линейно разстояние
Както е споменато по-горе, препоръчваме да използвате разделителната линия по подразбиране, освен ако нямате конкретна причина да я промените. Промяната на разстоянието между редовете може да има различни ефекти:
- Текст, който е много стегнат заедно, може да бъде трудно да се чете. Но малките линии могат да повлияят на настроението на текста. Ако текстът се смали заедно, то може да направи смисълът на текста да изглежда по-тъмен или по-плътен.
- Текст, който е по-далечен, може да бъде трудно да се чете. Но широките линии правят текста да изглежда по-течащ и течен.
- Промяната на разстоянието между редовете може да направи текста, който в противен случай няма да се побере в пространството, да бъде по-компактен или да заема повече място в дизайна ви.
