<absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large | xxx-large

Der <absolute-size> Datentyp wird mit einem Schlüsselwortwert definiert, der aus der unten stehenden Liste ausgewählt wird.

xx-small

Eine absolute Größe, die 60% der Größe von medium entspricht. Zugeordnet dem veralteten size="1".

x-small

Eine absolute Größe, die 75% der Größe von medium entspricht.

small

Eine absolute Größe, die 89% der Größe von medium entspricht. Zugeordnet dem veralteten size="2".

medium

Die bevorzugte Schriftgröße des Benutzers. Dieser Wert wird als Referenzmittelwert verwendet. Zugeordnet zu size="3".

large

Eine absolute Größe, die 20% größer als medium ist. Zugeordnet dem veralteten size="4".

x-large

Eine absolute Größe, die 50% größer als medium ist. Zugeordnet dem veralteten size="5".

xx-large

Eine absolute Größe, die doppelt so groß wie medium ist. Zugeordnet dem veralteten size="6".

xxx-large

Eine absolute Größe, die dreimal so groß wie medium ist. Zugeordnet dem veralteten size="7".

Jeder <absolute-size> Schlüsselwortwert wird relativ zur medium-Größe und den individuellen Geräteigenschaften, wie der Auflösung des Geräts, bemessen. Benutzeragenten führen eine Tabelle mit Schriftgrößen für jede Schriftart, wobei die <absolute-size> Schlüsselwörter den Index darstellen.

In CSS1 (1996) war der Skalierungsfaktor zwischen benachbarten Schlüsselwertindizes 1,5, was zu groß war. In CSS2 (1998) war der Skalierungsfaktor zwischen benachbarten Schlüsselwertindizes 1,2, was bei den kleinen Werten Probleme verursachte. Da ein einzelnes festes Verhältnis zwischen benachbarten absolute-size Schlüsselwörtern als problematisch befunden wurde, gibt es keine feste Verhältnisempfehlung mehr. Die einzige Empfehlung zur Wahrung der Lesbarkeit ist, dass die kleinste Schriftgröße nicht weniger als 9px betragen sollte.

Für jeden <absolute-size> Schlüsselwert listet die folgende Tabelle den Skalierungsfaktor, die Zuordnung zu

bis

Überschriften und die Zuordnung zum veralteten HTML size Attribut auf.

<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 size Attribut	1		2	3	4	5	6	7

HTML size-Attribut

Das size-Attribut zur Einstellung der Schriftgröße in HTML ist veraltet. Der Attributwert war entweder eine ganze Zahl zwischen 1 und 7 oder ein relativer Wert. Relative Werte waren eine ganze Zahl, der ein + oder - vorangestellt war, um die Schriftgröße zu erhöhen oder zu verringern. Ein Wert von +1 bedeutete das Erhöhen der size um eins und -2 bedeutete das Verringern der Größe um zwei, wobei der berechnete Wert auf ein Minimum von 1 und ein maximales Berechnungsergebnis von 7 begrenzt war.

<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

• CSS <relative-size> Datentyp
• CSS font und font-size Eigenschaften
• CSS Schriften Modul