Um den Code zu verkürzen, ist es auch möglich, alle einzelnen Schrifteigenschaften in einer Eigenschaft anzugeben.
Die Eigenschaft font
ist eine Abkürzungseigenschaft für:
font-style
font-variant
font-weight
font-size/line-height
font-family
Hinweis: Die Schriftgröße
und die Schriftfamilie
Werte sind erforderlich. Fehlt einer der anderen Werte, werden deren Standardwerte verwendet.
Verwenden Sie font
, um mehrere Schriftarteigenschaften festzulegen eine Erklärung:
p.a
{
font: 20px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}
Probieren Sie es selbst aus →
<!DOCTYPE html>
<html>
<head>
<style>
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>
<h1>The font Property</h1>
<p class="a">This is a paragraph. The font size is set to 20 pixels, and the font family is Arial.</p>
<p class="b">This is a paragraph. The font is set to italic, small-caps and bold, the font size is set to 12 pixels, the line height is set to 30 pixels, and the font family is Georgia.</p>
</body>
</html>
Legt alle Schriftarteigenschaften in einer Deklaration fest
Gibt die Schriftfamilie für Text an
Gibt die Schriftgröße des Textes an
Gibt den Schriftstil für Text an
Legt fest, ob ein Text in einer Kapitälchenschrift angezeigt werden soll
Gibt die Stärke einer Schriftart an