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

Значэнне line-height без адзінак у CSS

Значэннем уласцівасці line-height не абавязкова павінен служыць лік у якіх-небудзь адзінках. Можна таксама проста напісаць лік ці дроб. У гэтым выпадку сапраўднае значэнне line-height можна будзе знайсці, памножыўшы яго на значэнне font-size.

Напрыклад, font-size роўны 10px, а line-height - 1.5. У гэтым выпадку рэальнае значэнне line-height будзе 10px * 1.5 = 15px. Ну, а бачны белы прамежак паміж лініямі тэксту будзе 5px: 15px - 10px = 5px.

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

Паглядзім прымяненне апісанага на прыкладзе:

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

:

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

byenru