A CSS-ben a font-size tulajdonság a betűtípus magasságának és méretének megadására szolgál. Befolyásolja egy elem szövegének méretét. Alapértelmezett értéke közepes, és minden elemre alkalmazható. Ennek az ingatlannak az értékei tartalmazzák xx-kicsi , kicsi , x-kicsi stb.
Szintaxis
font-size: medium|large|x-large|xx-large|xx-small|x-small|small|;
A betűméret lehet relatív vagy abszolút.
Abszolút méretű
A szöveg meghatározott méretre való beállítására szolgál. Az abszolút méret használatával nem lehet minden böngészőben módosítani a szöveg méretét. Előnyös, ha ismerjük a kimenet fizikai méretét.
Relatív méret
A szöveg méretének beállítására szolgál a szomszédos elemekhez viszonyítva. A relatív méretnél lehetőség van a szöveg méretének megváltoztatására a böngészőkben.
MEGJEGYZÉS: Ha nem adunk meg betűméretet, akkor a normál szövegeknél, például a bekezdéseknél, az alapértelmezett méret 16 képpont, ami 1em-nek felel meg.
Betűméret pixelekkel
Ha pixelekkel állítjuk be a szöveg méretét, akkor teljes mértékben szabályozhatjuk a szöveg méretét.
Példa
#first { font-size: 40px; } #second { font-size: 20px; } <p id="first">This is a paragraph having size 40px.</p> <p id="second">This is another paragraph having size 20px.</p> Tesztelje most Betűmérettel
A szöveg átméretezésére szolgál. A legtöbb fejlesztő inkább ban ben ahelyett pixel . A World Wide Web konzorcium (W3C) ajánlja. Ahogy fentebb említettük, a böngészőkben az alapértelmezett szövegméret 16 képpont. Tehát azt mondhatjuk, hogy az alapértelmezett mérete 1em van 16 képpont .
A képlet a méret kiszámításához pixel nak nek ban ben van em = pixel/16 .
Példa
#first { font-size: 2.5em; /* 40px/16=2.5em */ } #second { font-size: 1.875em; /* 30px/16=1.875em */ } #third { font-size: 0.875em; /* 14px/16=0.875em */ } <p id="first">First paragraph.</p> <p id="second">Second paragraph</p> <p id="third">Third Paragraph.</p> Tesztelje most Reszponzív betűméret
A szöveg méretét a segítségével állíthatjuk be vw egység , ami a ' nézetablak szélessége '. A nézetablak a böngészőablak mérete.
1vw = a nézetablak szélességének 1%-a.
Ha a látómező szélessége 50 cm, akkor az 1vw 0,5 cm.
Példa
Az első bekezdés szélessége 5vw.
A második bekezdés szélessége 10 VW.
Tesztelje mostBetűméret a hossz tulajdonsággal
A betűméret hosszának beállítására szolgál. A hossza lehet cm, px, pt stb. Negatív értékei hossz tulajdonság nem engedélyezett betűméretben.
Szintaxis
font-size: length;
Példa
.length { color:red; font-size: 5cm; } <p class="length">A paragraph having length 5cm.</p> Tesztelje most