Heim  >  Artikel  >  Web-Frontend  >  Welche Bedeutung hat der Schrägstrich (/) in CSS-Schriftartdeklarationen?

Welche Bedeutung hat der Schrägstrich (/) in CSS-Schriftartdeklarationen?

DDD
DDDOriginal
2024-11-09 17:37:02585Durchsuche

What is the meaning of the slash (/) in CSS font declarations?

Den Schrägstrich bei der CSS-Schriftgrößenbestimmung verstehen

Der Schrägstrich (/) in CSS-Schriftartdeklarationen, wie im Beispiel unten, hat eine Besonderheit Bedeutung:

font: 100%/120%;

Im Gegensatz zu regulären Schriftartdeklarationen legt diese Syntax mehrere schriftartbezogene Eigenschaften fest gleichzeitig:

font-size: 100%;
line-height: 120%;

Laut CSS-Dokumentation basiert diese Kurzschreibweise auf traditionellen typografischen Konventionen. Typografen verwenden oft das Format „x pt auf y pt“, um die Glyphengröße (Zeichengröße) und Zeilenhöhe anzugeben.

Im Beispiel bezieht sich „100 %“ auf die Schriftgröße, während „120 %“ darauf verweist auf die Zeilenhöhe. Die Zeilenhöhe bestimmt den vertikalen Abstand zwischen Textzeilen. Eine Zeilenhöhe von 120 % bedeutet, dass der vertikale Abstand 120 % der Schriftgröße beträgt.

Beachten Sie, dass für die Schriftartenkürzelnotation mindestens die Angabe der Schriftgröße und -familie erforderlich ist. Daher ist die folgende Deklaration ungültig:

font: 100%/120%;

Um sie gültig zu machen, kann ein generischer Schriftfamilienname hinzugefügt werden:

font: 100%/120% serif;

Das obige ist der detaillierte Inhalt vonWelche Bedeutung hat der Schrägstrich (/) in CSS-Schriftartdeklarationen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn