Përdorimi i CSS Line-Height Property për të marrë CSS Line Spacing
Mësoni se si të përdorni linjën e lartësisë së stilit të CSS për të ndikuar ndarjen e vijës në faqet tuaja Web.
Vlerat e ndarjes së linjës CSS
Ndarja e linjës CSS është e prekur nga lartësia e linjës së pronës së stilit CSS. Kjo pronë merr deri në 5 vlera të ndryshme:
- normale: shfletuesi përcakton një vlerë për ndarjen e vijës që lidhet me madhësinë e shkronjave. Kjo zakonisht është e njëjtë me madhësinë e shkrimit ose pak më të madhe (si 20%).
- trashëgoni: ndarja e vijës duhet të merret nga ndarja e linjës së elementit mëmë. Pra, nëse vendosni lartësinë e vijës së trupit në 30% më të madh se madhësia e shkronjave dhe etiketat e paragrafëve që janë vendosur të trashëgojnë, ato gjithashtu do të kenë një lartësi prej 30% më të madhe se madhësia e shkronjave.
- një numër: Nëse vlera e vijës së lartësisë nuk ka njësi të matjes, konsiderohet të jetë një shumëzues në madhësinë e shkronjave për lartësinë e linjës. Pra, një lartësi prej 1.25 do të ishte 25% më e madhe se madhësia e shkronjave.
- një gjatësi: Nëse vlera e linjës së lartësisë ka njësi të matjes, që është sasia e saktë e hapësirës duhet të ekzistojë midis linjave. Pra, 1.25mm do të rezultonte në linjat 1.25 milimetra larg.
- një përqindje: Nëse lartësia e linjës është një përqindje, kjo do të ishte një përqindje e madhësisë së shkronjave. Pra, një lartësi prej 125% do të ishte 25% më e madhe se madhësia e shkronjave.
Cila Vlera duhet të përdorni për CSS Line Spacing
Në shumicën e rasteve, zgjidhja më e mirë për ndarjen e linjës është ta lërë atë në parazgjedhje - ose "normale". Kjo është në përgjithësi më e lexueshme dhe nuk kërkon që të bëni ndonjë gjë të veçantë. Por ndryshimi i hapësirës së linjës mund të japë tekstin tuaj një ndjenjë të ndryshme për të.
Nëse madhësia e shkronjave përcaktohet si ems ose përqindje, lartësia e vijës duhet gjithashtu të përcaktohet në atë mënyrë. Kjo është forma më fleksibile e ndarjes së vijave sepse lejon lexuesit të ndryshojë fontet e tyre dhe mban të njëjtin raport në hapësirën tuaj të linjës.
Caktoni lartësinë e vijës për fletët e stileve të printimit me një pikë (pt) vlerë. Pika është një masë e shtypur, prandaj edhe madhësia e shkronjave duhet të jetë në pikat.
Nuk më pëlqen të përdor numrin e zgjedhjes sepse e kam gjetur se është më konfuze për njerëzit. Shumë njerëz mendojnë se numri është një madhësi absolute, dhe kështu ata e bëjnë atë të madh. Për shembull, mund të keni një font të vendosur në 14px dhe pastaj ta vendosni lartësinë e vijës në 14 - gjë që rezulton në hendeqe të mëdha midis rreshtave - sepse ndarja e rreshtave është vendosur 14 herë më shumë se madhësia e shkronjave.
Sa hapësirë duhet të përdorni për distancën tuaj të linjës
Siç e përmenda më lart, unë rekomandoj që të përdorni hapësirën e linjës së parazgjedhur nëse nuk keni ndonjë arsye të veçantë për ta ndryshuar atë. Ndryshimi i hapësirës së linjës mund të ketë efekte të ndryshme:
- Tekst që është shumë i ngushtë së bashku mund të jetë i vështirë për t'u lexuar. Por hapësira të vogla mund të ndikojnë në disponimin e tekstit. Nëse teksti shkurtohet së bashku mund të bëjë që kuptimi i tekstit të duket i errët ose më i tensionuar.
- Teksti që është më larg mund të jetë gjithashtu i vështirë për t'u lexuar. Por hapësira të gjera të linjave e bëjnë tekstin më të rrjedhshëm dhe të lëngët.
- Ndryshimi i hapësirës së linjës mund të bëjë që teksti që përndryshe nuk do të përshtatet në një hapësirë të jetë më kompakt ose të marrë më shumë hapësirë në planet tuaja.