Висина линије - ЦСС-трикови

line-heightОсобина дефинише количину простора изнад и испод инлине елемената. Односно елементи који су постављени на display: inlineили display: inline-block. Ово својство се најчешће користи за постављање водећих редова текста.

p ( line-height: 1.5; )

line-heightИмовина може да прихвати кључне вредности normalили noneкао број, дужину, или проценат.

Према спецификацији, вредност „нормално“ није само појединачна конкретна вредност која се примењује на све елементе, већ израчунава на „разумну“ вредност у зависности од величине фонта који је постављен (или наслеђен) на елементу.

Вредност дужине се може дефинисати помоћу било које важеће ЦСС јединице (пк, ем, рем, итд.).

Процентуална вредност је величина фонта елемента помножена са процентом. На пример:

Погледајте ову оловку!

У демонстрацији изнад, висина линија постављена је на три пасуса на 150%, 200%, односно 250%. Величина фонта елемента тела дефинисана је на 20 пиксела. То значи да су израчунате висине линија за пасусе 30пк, 40пк, односно 50пк.

Висине линија јединице

Препоручена метода за дефинисање висине линије је коришћење бројевне вредности, која се назива висина линије без јединице. Вредност броја може бити било који број, укључујући децимални број, како се користи у првом примеру кода на овој страници.

Висине линија без јединице препоручују се због чињенице да ће подређени елементи наследити необрађену вредност броја, а не израчунату вредност. Помоћу овога, подређени елементи могу израчунати своје висине линија на основу израчунате величине фонта, уместо да наследе произвољну вредност од родитеља за који је вероватније да ће требати надјачавање.

Подршка прегледача

Хром	Сафари	Фирефок	Опера	ИЕ	Андроид	иОС
Извођење радова	Извођење радова	Извођење радова	Извођење радова	Извођење радова	Извођење радова	Извођење радова