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 16px * 150% = 24px bolar:

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