Всички обекти са уникални, като всеки един има свой оригинален дизайн. Текстът, който е основният компонент на всеки сайт, трябва да съответства на общата стилизация. Понякога проста промяна в семейството на шрифта и цвета не е достатъчна, за да се създаде добър текст. В този случай разстоянието между буквите е удобно - свойството за промяна на разстоянието между буквите в CSS
Защо искате имот с разстояние между буквите?
Ако увеличите разстоянието между буквите в CSS, можете да получите уникален стил на чертане на текст. За да създадете уникален шрифт, понякога трябва да създадете отстъп между буквите. Можете да увеличите разстоянието между буквите само чрез CSS. В тази функция, свойството е разстояние между буквите. Това е допълнителен инструмент в CSS, който ви позволява да променяте разстоянието между буквите. Но понякога това е той и не е достатъчно за добро стилизиране на текстовото съдържание.
Как да променя разстоянието между буквите? CSS: letter-spacing
Във всички браузъри това свойство е зададено по подразбиране. Той се прилага за всички съвременни браузъри, а не само (например Internet Explorer). Стойността на това свойство се наследява за всички потомци на селектора. Това означава, че чрез задаване на отстъп между буквите за теглото на тялото, ще промените разстоянието между буквите за цялата страница. Друг въпрос: разгледайте дадения шрифт. За всяко отстъпка буквите се различават. Разликата е малка, измерена в пиксели, но имайте предвид. Работата на този имот е, че към всяка буква се добавя тире от дясната страна. Тя се променяразстоянието между буквите на по-детайлно ниво. Работи по принципа марж-ляво. Разстоянието между буквите може да се даде в различни размери: относителни (em, rem, ex и други) и абсолютни (px, mm, cm). Най-подходящите за използване са стойностите px, rem и em. Разбира се, най-добре е да зададете стойности в пиксели, тъй като е най-удобно и по-подходящо за промяна на малкото разстояние.
Първо, попълнете страницата със съдържанието, на което ще тестваме този имот.
За да го инсталирате, отворете вашия CSS документ и след това напишете линия с разстояние между букви: 5px за body tag. Този запис ще означава, че разстоянието между буквите ще се увеличи с 5 пиксела в цялата страница (ще бъде равно на 6 или 55 в зависимост от шрифта). След като запишете гореспоменатия код, ще получите следната уеб страница:
Положителните стойности обикновено не надвишават 3-5 пиксела, но не винаги. Понякога се използват по-дълги разстояния, например при създаването на главната глава. Извършването на разстояние по-голямо от 10px не се препоръчва, тъй като текстът ще бъде нечетим. Освен това е възможно да се намали разстоянието между буквите в CSS. Като се има предвид същото, но със знака "-". Обикновено минималната стойност е -1 px. Можете да зададете -10 дори -20, но текстът няма да може да бъде прочетен. Ако искате да направите текст с малки отстъпи, не използвайте стойности, по-малки от 200px.
Практическо приложение
В CSS пространството между буквите се използва за създаване на уникален шрифт. Може да се използва и при създаване на заглавие, ако се използва сСобственият шрифт: курсив и красив цвят, може да послужи като алтернатива на доброто лого. Също така, ако използвате това свойство във връзка с text-align: center correct, можете да зададете хубава заглавка на статията за вашия блог. Разстоянието между буквите е отлично CSS свойство за промяна на разстоянието между буквите. Основното нещо - не прекалявайте с отклонения.
