Heim > Artikel > Web-Frontend > Einführung und Beispiele von FontVariant in CSS-Attributen

Einführung und Beispiele von FontVariant in CSS-Attributen

零下一度Original: 2017-06-19 11:17:222250Durchsuche

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

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>

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!

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

Vorheriger Artikel：Tutorial zur Verwendung der Dreamweaver-StatusleistentoolsNächster Artikel：Tutorial zur Verwendung der Dreamweaver-Statusleistentools

In Verbindung stehende Artikel

Mehr sehen