Ciri font
Ciri font mewakili ciri singkatan,
di mana ciri CSS berikut boleh digunakan:
font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Sintaks
pemilih {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
Ciri wajib adalah font-size
dan font-family, selebihnya boleh ditinggalkan,
dengan mengekalkan susunan.
Ciri font-style, font-variant,
font-weight boleh disusun dalam mana-mana
tertib antara satu sama lain.
Perhatikan bahawa ciri line-height
ditulis dengan garis condong selepas ciri font-size.
Contoh
Mari buat teks condong bersaiz
15px, dengan jenis Arial, dan jarak antara baris
30px:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Contoh
Contoh lain:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Contoh
Tetapkan hanya saiz fon dan keluarga, dengan meninggalkan ciri lain:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Contoh
Jika hanya saiz fon ditetapkan, ia tidak akan diterapkan, kerana keluarga fon juga mesti ditetapkan:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
: