<relative-size>

Der <relative-size> CSS Datentyp beschreibt relative Größen-Keywords. Die <relative-size>-Keywords definieren eine Größe relativ zur berechneten Größe des Elternelements. Dieser Datentyp wird in den font-Shorthand- und font-size-Eigenschaften verwendet.

Syntax

<relative-size> = smaller | larger

Werte

Der <relative-size>-Datentyp wird durch einen ausgewählten Keyword-Wert aus der untenstehenden Liste definiert.

smaller: Eine relative Größe, die eine Stufe kleiner als die geerbte Größe ist.
larger: Eine relative Größe, die eine Stufe größer als die geerbte Größe ist.

Beschreibung

Die <relative-size>-Keywords sind relativ zur aktuellen Größe des Elements. Wenn die geerbte Größe mit einem <absolute-size>-Keyword definiert ist, entspricht der <relative-size>-Wert der benachbarten Größe in der <absolute-size>-Tabelle. Andernfalls liegt die relative Vergrößerung oder Verkleinerung zwischen 120% und 150%.

Beispiele

Vergleich der Keyword-Werte

html

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

css

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

Ergebnis

Spezifikationen

Specification
CSS Fonts Module Level 4 # valdef-font-size-relative-size

Siehe auch

CSS <absolute-size> Datentyp
CSS font und font-size Eigenschaften
CSS fonts-Modul

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden