Як наладзіць міжрадковы інтэрвал у CSS?

Тэкст на сённяшні дзень усе так жа з'яўляецца асноўным відам перадаванай інфармацыі на прасторах Сусветнага павуціння. Таму кіраванні яго знешнім выглядам надаецца асобная ўвага. Адной важнай характарыстыкай тэксту з'яўляецца міжрадковы інтэрвал, які вызначае адлегласць паміж радкамі. Калі вы ніколі не сустракаліся з гэтым правілам, то напэўна ніколі не працавалі з CSS. Бо менавіта гэтая мова стыляў прадастаўляе даступныя каманды для змены ўсіх важных знешніх характарыстык тэксту. Такое правіла падтрымліваецца ўсімі сучаснымі браўзэрамі і ўваходзіць у стандарт ўсіх версій каскадных табліц стыляў (CSS: Cascading Style Sheets).

правіла

У CSS міжрадковы інтэрвал усталёўваецца пры дапамозе простай каманды line-height. Запіс вырабляецца ў звычайным парадку. У якасці значэння можна прызначыць любы неадмоўнае лік. Калі будзе пазначана: «line-height: -4px;», то каманда будзе праігнараваная. Можна паказаць значэнне: «normal» або «inherit». Першае будзе выкарыстоўваць аўтаматычную наладу інтэрвалу, якая вызначаецца ў залежнасці ад тыпу і памеру абранага шрыфта. У гэтым выпадку адлегласць паміж радкамі ўсталёўвае сам браўзэр. Міжрадковы інтэрвал можа прымаць значэнне, успадкаванае у тэгаў «бацькоў» з дапамогай значэння «inherit».

значэнне

Усе значэння, адрозныя ад стандартных каманд, можна падзяліць на дзве катэгорыі: адносныя і абсалютныя. Міжрадковы інтэрвал CSS дазваляе гнутка кіраваць адлегласцю паміж радкамі, выкарыстоўваючы розныя і больш зручныя спосабы налады. Да абсалютных значэнняў адносяць усе вядомыя адзінкі даўжыні, якія ўжываюцца ў CSS. У гэты спіс уваходзяць: in (цалі), pt (пункты), px (пікселі) і іншыя. Адлік інтэрвалу вырабляецца ад базавай лініі шрыфта. Калі запісаць правіла: «line-height: 10px;", то міжрадковы адлегласць будзе заўсёды раўняцца 10 пікселям. Такі спосаб ідэальна падыходзіць, калі неабходна ўказаць дакладны інтэрвал для пэўнага шрыфта. Але не забывайце, што ва ўсіх рознае пашырэнне экрана. І калі ў вас такую адлегласць выглядае выдатна, то гэта не азначае, што ва ўсіх будзе такі ж эфект. Напрыклад, на мабільных прыладах вялікі міжрадковы інтэрвал можа выклікаць велізарныя нязручнасці.

адносныя велічыні

Для вырашэння праблемы з розным пашырэннем экрана можна выкарыстоўваць адносныя велічыні. Часцей за ўсё выкарыстоўваецца працэнтнае выраз. Значэнне ў такім выпадку усталёўваецца адносна вышыні шрыфта. Напрыклад, паказаўшы «line-height: 150%;", мы атрымаем інтэрвал, напалову большы сярэдняй літары. За 100% прымаецца вышыня выкарыстоўванага шрыфта. Большасць вопытных распрацоўшчыкаў рэкамендуюць выкарыстоўваць менавіта адносныя велічыні. Так вы пазбавіце сябе і сваіх карыстальнікаў ад праблем, звязаных з розным пашырэннем экрана.

заключэнне

Калі вы выкарыстоўваеце нестандартны набор шрыфтоў, і вам важны менавіта строга вызначаны міжрадковы інтэрвал, выбірайце абсалютныя значэння. Ва ўсіх астатніх выпадках пажадана ўсталёўваць працэнтнае ўласцівасць. Калі трэба зрабіць індывідуальны інтэрвал для асобнага ўчастка дакумента, скарыстайцеся id-пазнакамі, або селектары. Такім чынам, вам не трэба будзе ўсталёўваць міжрадковы адлегласць для ўсяго дакумента.