CSS-Typ <absolute-size>
Der <absolute-size>-CSS-Datentyp beschreibt die Schlüsselwörter für absolute Schriftgrößen. Dieser Datentyp wird in der Kurzschreibweise font und der Eigenschaft font-size verwendet.
Die Schlüsselwörter für Schriftgrößen sind dem veralteten HTML-Attribut size zugeordnet. Weitere Informationen finden Sie unten im Abschnitt HTML-Attribut size.
Syntax
<absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large
Werte
Der Datentyp <absolute-size> wird durch einen Schlüsselwortwert aus der folgenden Liste definiert.
xx-small-
Eine absolute Schriftgröße, die 60 % von
mediumbeträgt. Dem veraltetensize="1"zugeordnet. x-small-
Eine absolute Schriftgröße, die 75 % von
mediumbeträgt. small-
Eine absolute Schriftgröße, die 89 % von
mediumbeträgt. Dem veraltetensize="2"zugeordnet. medium-
Die vom Benutzer bevorzugte Schriftgröße. Dieser Wert dient als mittlerer Referenzwert.
size="3"zugeordnet. large-
Eine absolute Schriftgröße, die 20 % größer als
mediumist. Dem veraltetensize="4"zugeordnet. x-large-
Eine absolute Schriftgröße, die 50 % größer als
mediumist. Dem veraltetensize="5"zugeordnet. xx-large-
Eine absolute Schriftgröße, die doppelt so groß wie
mediumist. Dem veraltetensize="6"zugeordnet. xxx-large-
Eine absolute Schriftgröße, die dreimal so groß wie
mediumist. Dem veraltetensize="7"zugeordnet.
Beschreibung
Die Größe jedes <absolute-size>-Schlüsselwortwerts richtet sich nach der Größe von medium und den Eigenschaften des jeweiligen Geräts, beispielsweise der Geräteauflösung. User Agents verwalten für jede Schriftart eine Tabelle mit Schriftgrößen, in der die <absolute-size>-Schlüsselwörter als Indizes dienen.
In CSS1 (1996) betrug der Skalierungsfaktor zwischen benachbarten Schlüsselwortwerten 1,5, was zu groß war. In CSS2 (1998) betrug er 1,2, was bei kleinen Werten zu Problemen führte. Da sich ein einziges festes Verhältnis zwischen benachbarten Schlüsselwörtern für absolute Größen als problematisch erwiesen hat, wird kein festes Verhältnis mehr empfohlen. Zur Wahrung der Lesbarkeit wird lediglich empfohlen, dass die kleinste Schriftgröße nicht unter 9px liegen sollte.
Die folgende Tabelle zeigt für jeden <absolute-size>-Schlüsselwortwert den Skalierungsfaktor sowie die Zuordnung zu den Überschriften <h1> bis <h6> und zum veralteten HTML-Attribut size.
<absolute-size> |
xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large |
|---|---|---|---|---|---|---|---|---|
| Skalierungsfaktor | 3/5 | 3/4 | 8/9 | 1 | 6/5 | 3/2 | 2/1 | 3/1 |
| HTML-Überschriften | h6 | h5 | h4 | h3 | h2 | h1 | ||
HTML-Attribut size |
1 | 2 | 3 | 4 | 5 | 6 | 7 |
HTML-Attribut size
Das HTML-Attribut size zum Festlegen der Schriftgröße ist veraltet. Sein Wert war entweder eine Ganzzahl zwischen 1 und 7 oder ein relativer Wert. Relative Werte bestanden aus einer Ganzzahl mit vorangestelltem + oder -, um die Schriftgröße zu erhöhen beziehungsweise zu verringern. Ein Wert von +1 bedeutete, size um eins zu erhöhen; -2 bedeutete, die Größe um zwei zu verringern. Der berechnete Wert wurde dabei auf mindestens 1 und höchstens 7 begrenzt.
Beispiele
Vergleich der Schlüsselwortwerte
<ul>
<li class="xx-small">font-size: xx-small;</li>
<li class="x-small">font-size: x-small;</li>
<li class="small">font-size: small;</li>
<li class="medium">font-size: medium;</li>
<li class="large">font-size: large;</li>
<li class="x-large">font-size: x-large;</li>
<li class="xx-large">font-size: xx-large;</li>
<li class="xxx-large">font-size: xxx-large;</li>
</ul>
li {
margin-bottom: 0.3em;
}
.xx-small {
font-size: xx-small;
}
.x-small {
font-size: x-small;
}
.small {
font-size: small;
}
.medium {
font-size: medium;
}
.large {
font-size: large;
}
.x-large {
font-size: x-large;
}
.xx-large {
font-size: xx-large;
}
.xxx-large {
font-size: xxx-large;
}
Ergebnis
Spezifikationen
| Spezifikation |
|---|
| CSS Fonts Module Level 4 # typedef-absolute-size |
Siehe auch
- CSS-Datentyp
<relative-size> - CSS-Eigenschaften
fontundfont-size - Modul CSS-Schriftarten