Wartość normal jest domyślną wartością właściwości font-variant.
Domyślnie czcionka tekstu elementu HTML nie posiada żadnego dodatkowego wariantu.
font-variant:normal;
czcionka tekstu tego elementu "div" nie posiada żadnego dodatkowego wariantu
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
czcionka tekstu tego elementu "div" nie posiada żadnego dodatkowego wariantu
</div>
</body>
</html>
Za pomocą wartości small-caps właściwości font-variant możemy sprawić, że czcionka tekstu interesującego nas elementu HTML będzie posiadała wariant small-caps. Wariant small-caps sprawia, że małe litery tekstu elementu HTML są zamieniane na duże litery, lecz o małym rozmiarze.
font-variant:small-caps;
Małe Litery Tekstu Tego Elementu "Div" Zostały Zamienione Na Duże Litery O Małym Rozmiarze, Ponieważ Do Tego Elementu "Div" Została Dodana Właściwość "Font-variant" Wraz Z Wartością "Small-caps"
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Darmowy Kurs CSS</title>
<style>
html {
font-size:16px;
font-family:Helvetica, sans-serif;
}
div {
font-variant:small-caps;
padding:1em;
font-size:1.3em;
background-color:#7DCDE8;
}
</style>
</head>
<body>
<div>
Małe Litery Tekstu Tego Elementu "Div" Zostały Zamienione Na Duże Litery O Małym Rozmiarze, Ponieważ Do Tego Elementu "Div" Została Dodana Właściwość "Font-variant" Wraz Z Wartością "Small-caps"
</div>
</body>
</html>
