Запіс на курсы па HTML, CSS, JavaScript, PHP, Python, фрэймворкам і CMS,
а таксама: дапамога ў пошуку працы і заказаў, стажыроўка на рэальных праектах→
⊗mkPmCLLH 39 of 250 menu

Міжрадковы інтэрвал у CSS

Давайце цяпер навучымся задаваць міжрадковы інтэрвал тэксту. Пад міжрадковым інтэрвалам маецца на ўвазе адлегласць паміж лініямі тэксту, гэта значыць белы прамежак паміж імі. Для гэтага прызначана ўласцівасць line-height, якое задае вышыню лініі тэксту.

Пры выкарыстанні ўласцівасці line-height вас можа чакаць некаторы падвох: гэта ўласцівасць не задае прамежак паміж радкамі тэксту, як магло здацца, а задае вышыню лініі тэксту.

Гэта значыць, што рэальны бачны прамежак паміж радкамі будзе вылічацца так: line-height - font-size = бачная адлегласць паміж радкамі тэксту.

У наступным прыкладзе адлегласць паміж радкамі тэксту будзе 50px - 20px = 30px:

<p> long text... </p> p { font-size: 20px; line-height: 50px; text-align: justify; width: 400px; }

:

Хай памер шрыфту для абзацаў роўны 30px. Усталюйце ўласцівасць line-height так, каб бачны белы прамежак паміж абзацамі быў роўны 15px.

byenru