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%).
- Zdě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 výšky řádku 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, je to přesné množství prostoru mezi jednotlivými řádky. Takže 1,25 mm by vedlo k odstupu 1,25 milimetrů od sebe.
- A Percento: 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ší volba řádkového odstupu ponechat 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.
Nelíbíme volbu čísel, protože jsme zjistili, ž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 potom nastavíte výšku řádku na 14, což vede k obrovským mezerám mezi řádky, protože rozteč řádků je nastavena na 14 časy velikost písma.
Kolik místa byste měli použít pro rozdělení řádků
Jak je uvedeno výše, doporučujeme použít výchozí mezery, 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 se stát, že text vypadá tmavší nebo hustší.
- 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.
