Տողատարի 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: