<relative-size>

Der <relative-size> CSS Datentyp beschreibt relative Größen-Schlüsselwörter. Die <relative-size> Schlüsselwörter 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 mit einem Schlüsselwortwert aus der unten stehenden Liste definiert.

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

Beschreibung

Die <relative-size> Schlüsselwörter sind relativ zur aktuellen Größe des Elements. Wenn die vererbte Größe mit einem <absolute-size> Schlüsselwort definiert wird, 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

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 Schriftarten 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