Уласцівасць font
Уласцівасць font
уяўляе сабой уласцівасць-скарачэнне,
у якім можна выкарыстоўваць наступныя ўласцівасці
CSS: font-size
,
font-style
,
font-weight
,
line-height
,
font-family
,
font-variant
.
Сінтаксіс
селектар {
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
:
<p>
які-небудзь тэкст...
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Прыклад
Яшчэ прыклад:
<p>
які-небудзь тэкст...
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Прыклад
Прызначым толькі памер шрыфту і сямейства, апусьціўшы іншыя ўласцівасці:
<p>
які-небудзь тэкст...
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Прыклад
Калі задаць толькі памер шрыфту, ён не прымяніцца, так як абавязкова павінна быць зададзена яшчэ і сямейства шрыфту:
<p>
які-небудзь тэкст...
</p>
p {
font: 30px;
text-align: justify;
}
: