Czcionki

Atrybuty mieszane

selektor { font: wartości atrybutów }

• font-style
• font-variant
• font-weight
• font-size
• line-height
• font-family

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:

<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>

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'.

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

• Wariant
• Rozciągnięcie

• Do góry
• Strona główna
• Drukuj rozdział