16 of 303 menu

Vetia font-size-adjust

Vetia font-size-adjust lejon kontrollin e madhësisë së shkronjave, me të pandryshuar font-size (rritje ose zvogëlim).

Zbatimi: le të themi në font-family janë përcaktuar dy shkronja të ndara me presje, për shembull, Georgia, "Times New Roman". Le të themi që në kompjuterin e përdoruesit nuk ka shkronjat Georgia - në këtë rast do të zbatohet "Times New Roman". Sidoqoftë, ne do të përballemi me një problem - me të njëjtën vlerë të font-size shkronjat do të duken ndryshe. Në shembullin më poshtë të dy paragrafëve u është caktuar font-size16px, por font-family të ndryshme. Shikoni se sa të ndryshme janë madhësitë:

<p style="font-size: 16px; font-family: Georgia;"> Lorem ipsum dolor sit amet. </p> <p style="font-size: 16px; font-family: 'Times New Roman';"> Lorem ipsum dolor sit amet. </p>

:

Kjo ndodh për shkak se madhësia e shfaqur e shkronjave varet në masë të madhe jo nga vetia font-size, e cila përcakton vetëm madhësinë e përgjithshme të shkronjave, por nga raporti i vlerave të vetisë font-size dhe madhësisë x-height (x-height - është diferenca midis madhësisë së shkronjës së vogël "x" dhe shkronjës së madhe "X" për një shkronjë të caktuar).

Ky raport quhet aspekt i shkronjave dhe llogaritet me formulën: aspekt = font-size / x-height.

Problemin e madhësive e zgjidh vetia font-size-adjust (ajo lejon ndryshimin e aspektit të shkronjave), e cila do ta detyrojë shkronjën e dytë të duket me të njëjtën madhësi si e para.

Le ta bëjmë që shkronjat Times New Roman të jenë të së njëjtës madhësi, si dhe Georgia. Ne e dimë aspektin e Georgia - është 0.5 (shih tabelën më poshtë).

Le të vendosim font-size-adjust për tekstin me Times New Roman në vlerën 0.5 dhe do të shohim që teksti i dytë u bë i së njëjtës madhësi si i pari:

<p style="font-size: 16px; font-family: Georgia;"> Lorem ipsum dolor sit amet. </p> <p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.5;"> Lorem ipsum dolor sit amet. </p>

:

Sintaksa

selektor { font-size-adjust: numër | none; }

Vlerat

Vlera Përshkrimi
number Numri përcakton aspektin e shkronjave.
none Nuk ka rregullim të madhësisë së shkronjave.

Vlera e parazgjedhur: none.

Si të përcaktohet vlera e aspektit për shkronjat?

Shikoni fragmentin nga specifikimi W3C: Koeficienti i proporcionalitetit (aspekti) për shkronjat e zgjedhura mund të llogaritet duke krahasuar të njëjtin tekst, por me vlera të ndryshme të font-size-adjust. Nëse vlera e vetisë është përzgjedhur saktë, atëherë me madhësi të njëjtë të shkronjave teksti do të mbetet i pandryshuar për të gjitha shkronjat e përdorura në faqe.

Paraqes vlerat e aspektit që i di për disa shkronja: Georgia - 0.5, Times New Roman - 0.46, Verdana - 0.58.

Shembull

Krahasoni se si duket teksti me vlera të ndryshme të font-size-adjust dhe të njëjtën font-size dhe font-family:

<p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: none;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.5;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> <p style="font-size: 16px; font-family: 'Times New Roman'; font-size-adjust: 0.6;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>

:

Shembull . Zbatim në jetën reale

Kodi më poshtë e bën që në rast mungese në kompjuterin e përdoruesit të shkronjave Georgia, shkronjat e aplikuara Times New Roman të jenë të së njëjtës madhësi, si dhe Georgia:

<p> Lorem ipsum dolor sit amet, consectetur adipiscing elitorire aenean a dapibus magna, ac interdum nisl suspendisse egetile. </p> p { font-size: 16px; font-family: Georgia, "Times New Roman"; font-size-adjust: 0.5; }

:

Shqip
AfrikaansAzərbaycanБългарскиবাংলাБеларускаяČeštinaDanskDeutschΕλληνικάEnglishEspañolEestiSuomiFrançaisहिन्दीMagyarՀայերենIndonesiaItaliano日本語ქართულიҚазақ한국어КыргызчаLietuviųLatviešuМакедонскиMelayuမြန်မာNederlandsNorskPolskiPortuguêsRomânăРусскийසිංහලSlovenčinaSlovenščinaСрпскиSrpskiSvenskaKiswahiliТоҷикӣไทยTürkmenTürkçeЎзбекOʻzbekTiếng Việt
Ne përdorim cookie për funksionimin e sajtit, analizën dhe personalizimin. Përpunimi i të dhënave bëhet në përputhje me Politikën e Privatësisë.
prano të gjitha konfiguro refuzo