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