Міжрадковы інтэрвал у 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
.