Значэнне 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
без адзінак.