Jak změnit velikost písma v HTML?

7 zobrazení

Chcete-li upravit velikost písma v HTML, použijte vlastnost font-size. Zadejte její hodnotu za dvojtečkou, např. font-size: 20px.

Návrh 0 líbí se

Jak změnit velikost písma v HTML

Velikost písma v HTML lze měnit pomocí vlastnosti font-size. Hodnota vlastnosti se zadává za dvojtečkou, například:

<p style="font-size: 20px;">Zde je text s velikostí písma 20 pixelů.</p>

Hodnotu vlastnosti font-size lze zadat v několika různých единицах:

  • px (pixely): Absolutní jednotka, která určuje pevnou velikost písma v pixelech.
  • em: Relativní jednotka, která určuje velikost písma vzhledem k velikosti rodičovského prvku.
  • rem: Relativní jednotka, která určuje velikost písma vzhledem k velikosti kořenového prvku (obvykle <html>).
  • %: Procentuální jednotka, která určuje velikost písma vzhledem k výchozí velikosti prohlížeče.

Kromě zadání hodnoty vlastnosti font-size můžete také použít předdefinované klíčová slova, jako jsou:

  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

Například následující kód nastaví velikost písma na velkou:

<p style="font-size: large;">Zde je text s velkou velikostí písma.</p>

Velikost písma můžete také změnit pomocí CSS tříd nebo id. Například:

<style>
.velke_pismo {
  font-size: 24px;
}
</style>

<p class="velke_pismo">Zde je text s velkou velikostí písma.</p>

Mějte na paměti, že velikost písma se může lišit v závislosti na prohlížeči a nastavení uživatele.