Przejdź do treści

Czcionki

Atrybuty mieszane

selektor { font: wartości atrybutów }
Selektorem może być dowolny znacznik, w którym można wpisywać tekst, np. p - akapit, h1 - tytuł czy td - komórka tabeli [zobacz: Wstawianie stylów].

Natomiast jako "wartości atrybutów" należy wpisać konkretne wartości atrybutów, dotyczących czcionek, które będą oddzielone od siebie spacjami. Należy je wpisywać w następującej kolejności (przy czym można niektóre pominąć):

Zmiana kolejności może (ale nie musi) spowodować, że atrybut taki nie zostanie uznany. Ponadto przed wartością atrybutu line-height (odstęp między wierszami) należy obowiązkowo postawić ukośnik. Obowiązkowo należy podać wartości przynajmniej dla font-size i font-family.

Polecenie to pozwala w wygodny sposób zdefiniować wszystkie atrybuty dotyczące czcionek. Już nie musimy wypisywać kolejno wszystkich cech, a jedynie ich konkretne wartości. Wartością może być np.: italic (font-style), 12pt (font-size) czy 'Times New Roman' (font-family). Wszystkie wartości należy wpisywać w określonej kolejności (przy czym można niektóre pominąć), a także oddzielić je od siebie spacjami. Dodatkowo przed line-height (odstęp między wierszami) należy obowiązkowo postawić ukośnik (ponieważ atrybuty font-size oraz line-height mogą mieć takie same wartości, a więc musimy je jakoś odróżnić). Nie ma wymogu, aby podawać w tej deklaracji pełną listę cech składowych, jednak jeśli jakąś opuścimy, zostanie jej przypisana wartość domyślna. Dlatego poniższa reguła stylów nie ustawi pogrubionej czcionki (bold), ponieważ nie zostało to określone w deklaracji font, która tutaj unieważnia font-weight:

p { font-weight: bold; font: 12pt Arial }

Zgodnie z zasadą kaskadowości, oczekiwany skutek (pogrubiony tekst) odniesiemy, podając deklaracje w odwrotnej kolejności:

p { font: 12pt Arial; font-weight: bold }

albo przenosząc wartość font-weight (bold) do zbiorczej deklaracji font:

p { font: bold 12pt Arial }

Przykład:

Po wpisaniu:
<p style="font: italic small-caps bold 12pt /1cm 'Times New Roman',Verdana,'MS Sans Serif'">
	To jest paragraf napisany pismem pochyłym, z małymi kapitałkami, pogrubiony, o wielkości czcionki 12 punktów, odstępach między wierszami 1 centymetr oraz rodzinie czcionek 'Times New Roman', Verdana lub 'MS Sans Serif'.
</p>
otrzymamy na ekranie:

To jest paragraf napisany pismem pochyłym, z małymi kapitałkami, pogrubiony, o wielkości czcionki 12 punktów, odstępach między wierszami 1 centymetr oraz rodzinie czcionek 'Times New Roman', Verdana lub 'MS Sans Serif'.

Zauważ, że w definicji wpisujemy same wartości atrybutów (bez kolejnych cech), a dodatkowo przed odstępem między wierszami należy postawić ukośnik.

Czcionki systemowe

Jako "wartości atrybutów" własności font można podać:

  • caption - czcionka używana do podpisanych kontrolek (np. przycisków, rozwijalnych list)
  • icon - czcionka etykiet ikon
  • menu - menu
  • message-box - okna dialogowe
  • small-caption - etykiety małych kontrolek
  • status-bar - pasek statusu okna

Przykład:

font: caption

font: icon

font: menu

font: message-box

font: small-caption

font: status-bar

Komentarze

Zobacz więcej komentarzy