font

(Auszug aus "CSS − Anspruchsvolle Websites mit Cascading Stylesheets" von Rachel Andrew & Dan Shafer)

In der zusammenfassenden Eigenschaft font können die Schrifteigenschaften font-style, font-variant, font-weight, font-size, line-height und font-family gemeinsam in einer einzigen Anweisung deklariert werden.

Wenn keine andere der unten erwähnten CSS-Konstanten deklariert wird, sind mindestens Deklarationen für font-size und font-family vorzunehmen. Die anderen Eigenschaften sind optional und werden vom Browser einfach auf ihre Standardwerte zurückgesetzt, sofern sie nicht in der font-Deklaration definiert werden.

Vererbt: ja

Siehe auch: font-style, font-variant, font-weight, font-size, line-height, font-family

Werte

Die Syntax für die Eigenschaft font ist wie folgt aufgebaut:

font: [style] [variant] [weight] size [/ line-height] family

Die Werte in eckigen Klammern sind optional. Die ersten drei Werte – style, variant und weight – können in beliebiger Reihenfolge angegeben werden und akzeptieren die gültigen Werte für font-style, font-variant bzw. font-weight. Die Deklaration für line-height wird direkt nach size und hinter einem Schrägstring (/) angegeben. Für size wird eine CSS-Maßangabe, ein Prozentwert oder eine für font-size gültige Konstante, für family ein beliebiger gültiger Wert von font-family deklariert.

Seit CSS2 ist auch eine alternative Syntax mit zusammenfassenden Konstanten gültig:

font: konstante

konstante steht hier für eine der folgenden Konstanten, die jeweils eine detaillierte Schriftdefinition mit feststehenden Werten für Schriftart, -größe, -schnitt usw. umfassen:

• caption
• icon
• menu
• message-box
• small-caption
• status-bar

Die mit diesen Konstanten angezeigten Schriften können sich in verschiedenen Browsern, Betriebssystemen und individuellen Benutzereinstellungen unterscheiden.

Standardwert: keiner

Kompatibilität

CSS-Version: 1 (zusammenfassende Konstanten erst in CSS2)

Funktioniert bis zu einem gewissen Grad in allen CSS-fähigen Browsern, entsprechend der Unterstützung der einzelnen Schrifteigenschaften.

Beispiele

Folgende Stilregel benutzt alle Schrifteigenschaften für font, um die Schrift für Absätze zu definieren:

Folgende Stilregel weist caption-Elementen eine Schriftdefinition mit einer Konstanten zu: