Міжрадковы інтэрвал у CSS
Давайце цяпер навучымся задаваць міжрадковы
інтэрвал тэксту. Пад міжрадковым інтэрвалам
маецца на ўвазе адлегласць паміж лініямі
тэксту, гэта значыць белы прамежак паміж імі.
Для гэтага прызначана ўласцівасць line-height,
якое задае вышыню лініі тэксту.
Пры выкарыстанні ўласцівасці line-height
вас можа чакаць некаторы падвох: гэта ўласцівасць
не задае прамежак паміж радкамі тэксту,
як магло здацца, а задае вышыню
лініі тэксту.
Гэта значыць, што рэальны бачны прамежак
паміж радкамі будзе вылічацца так: line-height
- font-size = бачная адлегласць паміж
радкамі тэксту.
У наступным прыкладзе адлегласць паміж радкамі
тэксту будзе :
50px - 20px = 30px
<p>
some long text
</p>
p {
font-size: 20px;
line-height: 50px;
text-align: justify;
width: 400px;
}
:
Хай памер шрыфту для абзацаў роўны 30px.
Усталюйце ўласцівасць line-height так,
каб бачны белы прамежак паміж абзацамі
быў роўны 15px.