Piątek 04 Kwiecień 2025r. Godz 00:00:00      
Postów: 251      

Rozmiar i kolor czcionek JavaScript

Do wyświetlania tekstu w innym niż domyślnym kolorze służy funkcja tekst.fontcolor(kolor), gdzie rozmiar jest zmienną tekstową, a kolor nazwą koloru (patrz tabela kolorów w dodatkach). Aby wyświetlić tekst powiększony lub pomniejszony należy użyć funkcji tekst.fontsize(rozmiar),gdzie rozmiar jest liczbą z przedziału od 1 do 7. Rozmiar 3 jest rozmiarem domyślnym.


<HTML>
  <HEAD>
    <META HTTP-EQUIV="Content-TYPE" CONTENT="text/html; charset=windows-1250">
  </HEAD>
  <BODY BGCOLOR="#6FB20F">
    <SCRIPT LANGUAGE="JavaScript">
      kolor=new Array("#00008B", "#B8860B", "#8B008B", "#FF8C00", "#8B0000", "#2F4F4F");
      imie="Michał";
      nazwisko="Gwóźdź";
      for (i=0; i<imie.length; i++) {document.write(imie[i].fontsize(7-i).fontcolor(kolor[i]));}
      document.write(" ");
      for (i=0; i<nazwisko.length; i++) {document.write(nazwisko[i].fontsize(7-i).fontcolor(kolor[i]));}
    </SCRIPT>
  </BODY>
</HTML>

Dzięki zastosowaniu pętli każda litera będzie wyświetlona w innym kolorze i innym rozmiarze. Aby wyświetlić tekst w jakimś kolorze lub rozmiarze należy funkcję tekst.fontcolor(kolor) lub tekst.fontsize(rozmiar) użyć razem z funkcją document.write(tekst).