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 болатындай етіп орнатыңыз.