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;
}

Результат: