Vzdálenost mezi písmeny. CSS Letter-spacing

Všechny stránky jsou jedinečné, každý má svůj vlastní originální design. Text, který je hlavní součástí každého webu, by měl být v souladu s obecnou stylizací. Někdy jednoduchá změna rodiny písma a barvy nestačí k vytvoření dobrého textu. V tomto případě je užitečné rozložení písmen - vlastnost pro změnu mezer mezi písmeny v CSS

Proč chcete vlastnosti vlastností písmen?

Pokud zvětšíte vzdálenost mezi písmeny v CSS, můžete získat jedinečný styl výkresového textu. Chcete-li vytvořit jedinečné písmo, musíte někdy mezi písmeny vytvořit odsazení. Rozdíl mezi písmeny můžete zvýšit pouze pomocí CSS. V této funkci je vlastnost písmeno-odstup. Jedná se o další nástroj v CSS, který umožňuje změnu vzdálenosti mezi písmeny. Ale někdy to je on a nestačí pro dobrý styl textu.

Jak změnit vzdálenost mezi písmeny? CSS: rozteč písmen

Ve všech prohlížečích je tato vlastnost nastavena na výchozí hodnotu. Platí pro všechny moderní prohlížeče, a to nejen (například Internet Explorer). Hodnota této vlastnosti je zděděná pro všechny potomky selektoru. To znamená, že nastavením odsazení mezi písmeny pro značku těla změníte rozteč písmen pro celou stránku. Další bod: zvážte dané písmo. Pro každé odsazení se písmena liší. Rozdíl je malý, měřeno v pixelech, ale mějte na paměti. Práce této vlastnosti je, že přidává ke každému písmenu odsazení na pravé straně. To se měnívzdálenost mezi písmeny na detailnější úrovni. Pracuje podle principu levého okraje. Rozpětí písmen lze zadat v různých velikostech: relativní (em, rem, ex a další) a absolutní (px, mm, cm). Nejvhodnější pro použití jsou hodnoty px, rem a em. Samozřejmě je nejlepší zadat hodnoty v pixelech, protože je nejvhodnější a vhodnější pro změnu malé vzdálenosti.


Nejprve vyplňte stránku s obsahem, na kterém budeme tuto vlastnost testovat.
Chcete-li jej nainstalovat, otevřete dokument CSS a poté zadejte řádek pro oddělení písmen: 5 znaků pro značku těla. Tato položka bude znamenat, že vzdálenost mezi písmeny se zvýší o 5 pixelů v celé stránce (v závislosti na písmu se bude rovnat 6 nebo 55). Po zapsání výše uvedeného kódu získáte následující webovou stránku:
Pozitivní hodnoty obvykle nepřesahují 3-5 pixelů, ale ne vždy. Někdy jsou používány delší vzdálenosti, například při vytváření hlavního záhlaví. Dělení vzdálenosti větší než 10 pixelů se nedoporučuje, protože text bude nečitelný. Navíc je možné zmenšit vzdálenost mezi písmeny v CSS. Vzhledem k tomu stejnému, ale se znaménkem "-". Obvykle je minimální hodnota -1 px. Můžete zadat -10 dokonce -20, ale text nebude možné číst. Chcete-li vytvořit text s malými odrážkami, nepoužívejte hodnoty menší než 200 pixelů.

Praktická aplikace

V CSS se mezera mezi písmeny používá k vytvoření jedinečného písma. Může být také použit při vytváření záhlaví, pokud se používá sstyl písma vlastnictví: kurzíva a krásná barva, může sloužit jako alternativa k dobrému logu. Také, pokud používáte tuto vlastnost ve spojení s text-align: center správně, můžete nastavit hezkou hlavičku článku pro váš blog. Rozpětí písmen je vynikající vlastností CSS pro změnu vzájemného odstupu písmen. Hlavní věc - nepřehánějte to s odchylkami.

Související publikace