Pomocí vlastnosti CSS Line Height můžete získat CSS Line Spacing
Naučte se, jak používat výšku řádku výšky vlastností stylu CSS ovlivnit řádkování vašich webových stránek.
Hodnoty mezery CSS
Rozteč čáry CSS je ovlivněna výškovou čárou vlastností stylu CSS. Tato vlastnost trvá až 5 různých hodnot:
- normální: prohlížeč určuje hodnotu řádku, která se vztahuje k velikosti písma. Toto je obvykle stejné jako velikost písma nebo mírně větší (například 20%).
- dědit: rozteč řádků by měla být převzata z řádkování rodičovského prvku. Pokud tedy nastavíte výšku řádku značky těla o 30% větší než velikost písma a značky odstavců, které jsou nastaveny na dědění, budou mít také výšku řádku o 30% větší než velikost písma.
- číslo: Pokud hodnota řádkové výšky nemá měrnou jednotku, považuje se za násobitel velikosti písma pro výšku řádku. Takže výška řádku 1,25 by byla o 25% větší než velikost písma.
- délka: Pokud má hodnota výšky řádku měrnou jednotku, tedy přesné množství místa by mělo být mezi řádky. Takže 1,25 mm by vedlo k odstupu 1,25 milimetrů od sebe.
- procento: Pokud je výška řádku procentní, bylo by to procento velikosti písma. Takže výška řádku 125% by byla o 25% větší než velikost písma.
Která hodnota byste měli použít pro mezery CSS
Ve většině případů je nejvhodnější volbou pro řádkování, aby bylo ponecháno na výchozí - nebo "normální". Toto je obecně nejčitatelnější a nevyžaduje, abyste dělají něco zvláštního. Ale změna rozteče řádků vám může dát jiný pocit.
Pokud je velikost písma definována jako ems nebo procenta, měla by být také definována výška vašeho řádku. Jedná se o nejflexibilnější formu řádkování, protože umožňuje čtečce měnit velikost písma a udržuje stejný poměr v rozmezí řádků.
Nastavte výšku řádku pro listy stylů tisku s hodnotou bodu (pt). Bod je měřítko tisku a velikost písma by měla být také v bodech.
Nemám rád volbu čísla, protože jsem zjistil, že je to pro lidi nejasné. Mnoho lidí si myslí, že číslo je absolutní velikost a tak to dělají obrovské. Například můžete mít písmo nastaveno na 14px a pak nastavit výšku řádku na 14 - což vede k obrovským mezerám mezi řádky - protože rozteč řádků je nastavena na 14násobek velikosti písma.
Kolik místa byste měli použít pro rozdělení řádků
Jak jsem již uvedl výše, doporučuji použít výchozí mezery mezi řádky, pokud nemáte konkrétní důvod změnit. Změna řádkování může mít různé efekty:
- Text, který je velmi těsný, může být obtížné číst. Malé řádkové prostory však mohou ovlivnit náladu textu. Pokud je text skrčený dohromady, může mít smysl textu zřejmě tmavší nebo napjatější.
- Text, který je od sebe vzdálenější, může být také obtížně čitelný. Ale široký čárový prostor dělá text zdánlivě tekoucí a tekutější.
- Změna řádkování může způsobit, že text, který by jinak nebyl vhodný do prostoru, by byl kompaktnější, nebo by ve vašem designu zabral více prostoru.