Ako nastaviť riadkovanie v CSS?

Text dnešnému dňu stále je hlavným typom informácií zasielaných v drvivej World Wide Web. Preto jeho kontrolu nad vzhľad je venovaná zvláštna pozornosť. Raz dôležitou charakteristikou rozstupom textového riadku, ktorý určuje vzdialenosť medzi riadkami. Ak ste nikdy nestretol s týmto pravidlom, pravdepodobne ste nikdy nepracovali s CSS. Koniec koncov, je to jazyk, štýl poskytuje príkazy dostupné pre zmenu všetky dôležité vonkajšie charakteristiky textu. Takéto pravidlo je podporovaný všetkými modernými prehliadačmi a je dodávaný ako štandard pre všetky verzie kaskádových štýlov (CSS: kaskádových štýlov).

pravidlo

CSS, riadkovanie sa nastavuje pomocou jednoduchého line-height tímu. Záznam sa vykonáva obvyklým spôsobom. Táto hodnota môže byť priradená k žiadnemu nezáporné celé číslo. Ak je uvedené: «line-height: -4px,», bude príkaz ignorovaný. Môžete zadať hodnotu: «normálny» alebo «zdedia». Prvým z nich je použitie automatické nastavenie intervalu, ktorý je určený v závislosti od typu a veľkosti vybraného písma. V tomto prípade je vzdialenosť medzi riadkami nastavuje samotného prehliadača. riadkovanie môže byť ľubovoľná hodnota, ktorá sa dedí z "materského" tag hodnotou «prevezmú».

hodnota

Všetky hodnoty odlišné od štandardných príkazov môže byť rozdelená do dvoch kategórií: relatívna a absolútna. CSS umožňuje riadiť riadkovanie vzdialenosť medzi ohybným potrubím, ktorí používajú iné a výhodnejší spôsob, ako prispôsobiť. Pre absolútne hodnoty obsahovať všetky známe dĺžky jednotky, ktoré sa používajú v CSS. Zoznam zahŕňa: v (in), PT (body) PX (pixely) a ďalšie. Interval odpočítavanie je vyrobená zo základnej línie písma. Píšeme Ak pravidlo: «line-height: 10px;», bude riadkovanie vždy rovná 10 pixelov. Takýto spôsob je ideálne, keď je potrebné určiť presný rozsah pre konkrétny písmo. Ale nezabudnite, že všetkého iného rozšírenie obrazovky. A ak máte takú vzdialenosť vyzerá skvele, to neznamená, že každý bude mať rovnaký účinok. Napríklad mobilný veľký riadkovanie môže spôsobiť veľké nepríjemnosti.

relatívnej hodnoty

Ak chcete vyriešiť problém s inou príponou obrazovky, môžete použiť relatívnej hodnoty. Najčastejšie používaným percento. Hodnota v tomto prípade je nastavený výšku relatívne písma. Napríklad zadaním «line-height: 150%;" dostaneme interval pol Large Medium listy. 100% je výška použitého písma. Väčšina skúsených vývojárov odporúčame použitie Jedná sa o relatívnej hodnoty. Takže budete zachrániť seba a svojich užívateľov z problémov spojených s inou príponou obrazovky.

záver

Ak používate iné ako štandardné sadu písma, a tie sú dôležité, je odstup dobre definované línie, vyberte absolútnych hodnôt. Vo všetkých ostatných prípadoch je primerané stanoviť percentuálne objektu. Keď je potrebné, aby jednotlivé interval pre určité oblasti v dokumente, použite ID-tagy, alebo voliča. Tak, nebudete musieť nastaviť riadkovanie pre celý dokument.