Einführung und Beispiele von FontVariant in CSS-Attributen-CSS-Tutorial-php.cn

Einführung und Beispiele von FontVariant in CSS-Attributen

零下一度

Freigeben： 2017-06-19 11:17:22

Original

2296 Leute haben es durchsucht

font-variant property legt die Schriftart für die Anzeige von Text in Kapitälchen fest. Dies bedeutet, dass alle Kleinbuchstaben in Großbuchstaben umgewandelt werden, alle Buchstaben jedoch in Kapitälchen verwendet werden. Schriftart Seine Schriftart Die Größe ist im Vergleich zum Rest des Textes kleiner.
Wenn es sich bei dem Wert um Kapitälchen handelt, zeigt der Browser die Schriftart kleiner Großbuchstaben an.

Syntax:

font-variant : normal | small-caps

Nach dem Login kopieren

Parameter:
normal: normale Schriftart
Kapitälchen: kleine Großbuchstabenschrift
Beschreibung:
Setzt oder ruft ab ob der Text im -Objekt in Kapitälchen geschrieben ist.
Die entsprechende Skriptfunktion ist FontVariant. Bitte sehen Sie sich andere Bücher an, die ich geschrieben habe.

Der Unterschied zwischen Texttransformation und Schriftartvariante von Texttransformation

Sowohl Texttransformation als auch Schriftartvariante können Englisch konvertieren Text in Groß- oder Kleinbuchstaben umwandeln. Die einzige Funktion von „font-variant“ besteht jedoch darin, englischen Text in „kleinen“ Großbuchstaben umzuwandeln. Beachten Sie, dass dies „klein“ ist. Im Allgemeinen wird das Attribut „font-variant“ selten verwendet. Für die Konvertierung der englischen Groß-/Kleinschreibung verwenden wir das Attribut „text-transform“ anstelle des Attributs „font-variant“.

Instanz des Attributs „font-variant“

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS font-variant 属性示例</title>
<style type="text/css" media="all">
p#small-caps
{
font-variant:small-caps;
}
p#uppercase
{
text-transform:uppercase;
}
</style>
</head>
<body>
<p id="small-caps">The quick brown fox jumps over the lazy dog.</p>
<p id="uppercase">The quick brown fox jumps over the lazy dog.</p>
</body>
</html>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEinführung und Beispiele von FontVariant in CSS-Attributen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!