<relative-size> CSS-Typ

Syntax

<relative-size> = smaller | larger

Werte

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

smaller

Eine relative Größe, die eine Größe kleiner als die geerbte Größe ist.

larger

Eine relative Größe, die eine Größe größer als die geerbte Größe ist.

Beschreibung

Die <relative-size>-Schlüsselwörter sind relativ zur aktuellen Größe des Elements. Wenn die geerbte Größe unter Verwendung eines <absolute-size>-Schlüsselworts definiert ist, entspricht der <relative-size>-Wert der angrenzenden Größe in der <absolute-size>-Tabelle. Andernfalls liegt die relative Vergrößerung oder Verkleinerung der Größe zwischen 120 % und 150 %.

Beispiele

Vergleich der Schlüsselwortwerte

<ul>
  <li class="smaller">font-size: smaller;</li>
  <li>font-size is not specified</li>
  <li class="larger">font-size: larger;</li>
</ul>

li {
  margin-bottom: 0.3em;
}
.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}

Ergebnis

Spezifikationen

Siehe auch

• CSS-Datentyp <absolute-size>
• CSS-font- und font-size-Eigenschaften
• CSS-Schriftarten-Modul