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

Мajбурий хусусиятлар sifatida font-size ва font-family белгиланishi шарт, қолганларини тартибни сақлаб қолган ҳолда tashlab ketish мумкин.

font-style, font-variant, font-weight хусусиятларини ўзаро исталган тартибда ўрнини алмаштириш мумкин.

line-height хусусияти font-size хусусиятидан кейин чиззиқ орқали ёзишига эътибор беринг.

Мисол

Курсивли matnni 15px ўлчамда, Arial turiда, ва 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;
}

Результат:

Мисол

Бошка хусусиятларни tashlab, фанат шрифт ўлчами ва оиласини белгилаймиз:

html<p>
  some long text
</p>

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

Результат:

Мисол

Агар фанат шрифт ўлчами белгиланса, у амалга ошмайди, чунки шрифт оиласи ҳам majбурий белгиланиши керак:

html<p>
  some long text
</p>

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

Результат: