<relative-size>

Syntax

<relative-size> = smaller | larger

Werte

Der <relative-size> Datentyp wird durch ein Schlüsselwort aus der folgenden Liste definiert.

smaller

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

larger

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

Beschreibung

Die <relative-size> Schlüsselwörter sind relativ zur aktuellen Größe des Elements. Wenn die geerbte Größe mithilfe 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 <absolute-size> Datentyp
• CSS font und font-size Eigenschaften
• CSS Schriftarten Modul