Выкарыстанне CSS-Line Height Уласцівасці, каб атрымаць CSS Line Spacing
Даведайцеся, як выкарыстоўваць стыль CSS ўласцівасць вышыню радка, каб паўплываць на міжрадковы інтэрвал на вашых вэб-старонках.
Значэння CSS Line Spacing
разнос CSS лінія залежыць ад стылю CSS уласцівасцяў лініі вышыні. Гэта ўласцівасць прымае да 5 розных значэнняў:
- нармальны: браўзэр вызначае значэнне для міжрадковага інтэрвалу , які звязаны з памерам шрыфта. Гэта, як правіла, такі ж, як памер шрыфта або трохі больш (напрыклад, 20%).
- ўспадкуе: міжрадковы інтэрвал павінен быць узяты з міжрадковага інтэрвалу бацькоўскага элемента. Так што, калі вы ўсталюеце вышыню радка вашага цела тэга на 30% больш, чым памер шрыфта і абзаца тэгі ўнутры, якія ўсталёўваюцца на спадчыну, яны таксама будуць мець вышыню радка на 30% больш, чым памер шрыфта.
- нумар: Калі значэнне вышыні радкі не мае адзінак вымярэння, то лічыцца множнікам ад памеру шрыфта для вышыні радка. Такім чынам, вышыня радкі 1.25 будзе 25% больш, чым памер шрыфта.
- даўжыня: Калі значэнне вышыні лініі мае адзінку вымярэння, то ёсць дакладнае колькасць прасторы павінна быць паміж радкамі. Такім чынам, 1,25мм прывядзе да лініі 1,25 мм адзін ад аднаго.
- адсотак: Калі вышыня радкі з'яўляецца працэнт, які быў бы працэнт ад памеру шрыфта. Такім чынам, вышыня лініі 125% будзе 25% больш, чым памер шрыфта.
Якое значэнне вы павінны выкарыстоўваць для CSS Line Spacing
У большасці выпадкаў, лепшы выбар для міжрадковага інтэрвалу, каб пакінуць яго па змаўчанні - або «нармальны». Гэта, як правіла, найбольш чытаюцца і не патрабуе, каб вы што-небудзь асаблівае. Але змена міжрадковага інтэрвалу можа даць вашаму тэксту розныя пачуцці да яго.
Калі памер шрыфта вызначаюцца як EMS або працэнты, ваша вышыня лініі таксама павінна быць вызначана такім чынам. Гэта найбольш гнуткая форма міжрадковага інтэрвалу, паколькі яна дазваляе чытачу змяняць памер шрыфта і захоўвае такія ж суадносіны на вашым міжрадковага інтэрвалу.
Усталяваць вышыню лініі для лістоў друку стылю са значэннем кропкі (пт). Справа ў тым, друк мера, і таму вашыя памеры шрыфтоў, якія павінны быць у кропках, а таксама.
Я не хацеў бы выкарыстаць выбар нумара, таму што я знайшоў, што гэта найбольш заблытаныя для людзей. Многія людзі думаюць, што лік з'яўляецца абсалютным памер, і таму яны робяць яго велізарным. Напрыклад, вы можаце мець набор шрыфтоў на 14px , а затым вы ўсталюеце вышыню радка да 14 - у выніку чаго велізарных зазораў паміж лініямі - таму , што адлегласць паміж радкамі ўсталёўваюцца ў 14 разоў памеру шрыфта.
Колькі месца вы павінны выкарыстоўваць для вашай лініі Spacing
Як я ўжо казаў вышэй, я рэкамендую выкарыстоўваць інтэрвал у лініі па змаўчанні, калі ў вас ёсць канкрэтныя прычыны, каб змяніць яго. Змена міжрадковага інтэрвалу можа мець розныя эфекты:
- Тэкст, які вельмі шчыльна разам можа быць цяжка чытаць. Але невялікія лінейныя прасторы могуць уплываць на настрой тэксту. Калі тэкст храбусцеў разам гэта можа зрабіць сэнс тэксту здаюцца цямней або больш напружанай.
- Тэкст, які знаходзіцца далей адзін ад аднаго, таксама можа быць цяжка чытаць. Але шырокія лініі прастору робіць тэкст здаецца больш цякучым і вадкасцю.
- Змена міжрадковага інтэрвалу можа зрабіць тэкст, які ў адваротным выпадку не будзе адпавядаць ў прасторы быць больш кампактнымі і займае больш месца ў канструкцыі.