Font-size hassaýaty
Font-size hassaýaty tekst
şriftiniň ölçegini belgileýär. Hassaýatyň bahasy
üçin islendik ölçeg birlikleri
(köpüňçe, bu px, em
ýa-da rem) ýa-da aýratyn açarysözbaşylar
(az ulanylýar) ulanylyp bilner.
Sintaksis
salgyjy {
font-size: baha;
}
Açar sözler görnüşinde bahalar
| Baha | Düşündiriş |
|---|---|
xx-small |
Iň kiçijik. Mysal: Lorem ipsum dolor sit amet. |
x-small |
Iň kiçi. Mysal: Lorem ipsum dolor sit amet. |
small |
Kiçi. Mysal: Lorem ipsum dolor sit amet. |
medium |
Ortaça. Mysal: Lorem ipsum dolor sit amet. |
large |
Uly. Mysal: Lorem ipsum dolor sit amet. |
x-large |
Örän uly. Mysal: Lorem ipsum dolor sit amet. |
xx-large |
Iň uly. Mysal: Lorem ipsum dolor sit amet. |
larger |
Ene-atanyň şriftinden birnäçe baha uly. |
smaller |
Ene-atanyň şriftinden birnäçe baha kiçi. |
Bellenen bahasy: medium.
Mysal
Geliň abzaslaryň şrift ölçegini
20px edeliň:
<p>
Lorem ipsum dolor sit amet.
</p>
p {
font-size: 20px;
}
:
Mysal
Bu mysalda abzat üçin ölçeg
16px, içindäki span üçin bolsa - 150% edildi.
Bu ýagdaýda span elementiniň şrift ölçegi
öz ene-atasynyň, ýagny abzadyň, ölçeginiň
150%-i bolar,
we onuň hakyky ölçegi
bolar:
16px * 150% = 24px
<p>
Lorem <span>ipsum dolor</span> sit amet.
</p>
p {
font-size: 16px;
}
span {
font-size: 150%;
}
:
Mysal
Bu mysalda abzat üçin ölçeg
16px, içindäki span üçin bolsa - larger edildi.
Bu ýagdaýda span elementiniň şrift ölçegi
öz ene-atasyndan (abzaddan) uly bolar:
<p>
Lorem <span>ipsum dolor</span> sit amet.
</p>
p {
font-size: 16px;
}
span {
font-size: larger;
}
:
Mysal
Başga font-family
we deň font-size bilen şriftleriň wizual görnüşde
dürsüň deň ölçegde bolmaýandygyna üns beriň (bu meseläni çözmek üçin
font-size-adjust hassaýatyna serediň).
Aşakdaky mysalda iki abzada hem font-size
16px edildi, ýöne başga font-family berildi:
<p id="elem1">
Lorem ipsum dolor sit amet.
</p>
<p id="elem2">
Lorem ipsum dolor sit amet.
</p>
#elem1 {
font-size: 16px;
font-family: Arial;
}
#elem2 {
font-size: 16px;
font-family: "Times New Roman";
}
: