<absolute-size> CSS-Typ

Syntax

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

Werte

Der <absolute-size>-Datentyp wird mit einem aus der untenstehenden Liste ausgewählten Schlüsselwortwert definiert.

xx-small

Eine absolute Größe, die 60% der Größe von medium entspricht. Zugeordnet zum 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 zum veralteten size="2".

medium

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

large

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

x-large

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

xx-large

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

xxx-large

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

Beschreibung

Jeder <absolute-size>-Schlüsselwortwert wird relativ zur medium-Größe und den individuellen Geräteeigenschaften, wie z.B. der Geräteauflösung, bemessen. Benutzeragenten führen eine Tabelle von Schriftgrößen für jede Schriftart, wobei die <absolute-size>-Schlüsselwörter als Index fungieren.

In CSS1 (1996) betrug der Skalierungsfaktor zwischen benachbarten Schlüsselwortwertindizes 1,5, was zu groß war. In CSS2 (1998) betrug der Skalierungsfaktor zwischen benachbarten Schlüsselwortwertindizes 1,2, was Probleme für die kleinen Werte verursachte. Da ein einziger fester Quotient zwischen benachbarten absoluten Größen-Schlüsselwörtern problematisch war, gibt es keine feste Quotientenempfehlung 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üsselwortwert listet die folgende Tabelle den Skalierungsfaktor, die Zuordnung zu <h1> bis <h6>-Überschriften und die Zuordnung zum veralteten HTML-size-Attribut auf.

HTML size-Attribut

Das size-Attribut zur Festlegung 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 vergrößern oder zu verkleinern. Ein Wert von +1 bedeutete eine Erhöhung der Größe um eins und -2 bedeutete eine Verringerung der Größe um zwei, wobei der berechnete Wert bei einem Minimum von 1 und einem maximal berechneten Wert von 7 geklammert wurde.

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

Siehe auch

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