Font հատկությունը

font հատկությունը ներկայացնում է համառոտ հատկություն, որում կարելի է օգտագործել հետևյալ CSS հատկությունները` font-size, font-style, font-weight, line-height, font-family, font-variant:

Շարահյուսություն

cssընտրիչ {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

Պարտադիր հատկություններն են font-size և font-family, մնացածը կարելի է բաց թողնել` պահպանելով հերթականությունը:

font-style, font-variant, font-weight հատկությունները կարելի է տեղերով փոխել միմյանց նկատմամբ:

Ուշադրություն դարձրեք, որ line-height հատկությունը գրվում է font-size հատկությունից հետո` շեղ գծով:

Օրինակ

Եկեք ստեղծենք շեղագիր տեքստ` 15px չափով, Arial տիպով և տողատարրի բարձրությունը 30px:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Օրինակ

Մեկ այլ օրինակ`

html<p>
  some long text
</p>

cssp {
  font: bold 16px/20px "Times New Roman", Georgia, serif;
  text-align: justify;
}

Результат:

Օրինակ

Նշանակենք միայն տառատեսակի չափը և ընտանիքը` բաց թողնելով մյուս հատկությունները:

html<p>
  some long text
</p>

cssp {
  font: 18px Arial;
  text-align: justify;
}

Результат:

Օրինակ

Եթե նշանակել միայն տառատեսակի չափը, այն չի կիրառվի` քանի որ պարտադիր պետք է նշանակվի նաև տառատեսակի ընտանիք:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: