A font tulajdonság

A font tulajdonság egy rövidítő tulajdonság, amelyben a következő CSS tulajdonságok használhatók: font-size, font-style, font-weight, line-height, font-family, font-variant.

Szintaxis

cssselector {
  font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}

A kötelező tulajdonságok a font-size és a font-family, a többi elhagyható, miközben a sorrend megmarad.

A font-style, font-variant, font-weight tulajdonságok tetszőleges sorrendbe rendezhetők egymáshoz képest.

Figyelj arra, hogy a line-height tulajdonság perjellel van írva a font-size tulajdonság után.

Példa

Készítsünk dőlt betűs szöveget 15px méretben, Arial típussal, és 30px sorközzel:

html<p>
  some long text
</p>

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

Результат:

Példa

Még egy példa:

html<p>
  some long text
</p>

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

Результат:

Példa

Állítsunk be csak betűméretet és betűtípus-családot, elhagyva a többi tulajdonságot:

html<p>
  some long text
</p>

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

Результат:

Példa

Ha csak a betűméretet adjuk meg, az nem fog érvényesülni, mivel a betűtípus-család megadása is kötelező:

html<p>
  some long text
</p>

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

Результат: