Small caps полезны для выделения заголовков. С помощью Small caps строчные буквы переводятся в заглавные, размер которых меньше, чем у обычных прописных букв (рис.6).
Рис.6. Все буквы заглавные, но первая – больше остальных
Пример 5
<html>
<head>
<style type="text/css">
body {
font-size: 24px;
font-family: "Times New Roman", Times, serif;
}
h2 {
font-variant: small-caps;
}
</style>
</head>
<body>
<h2>Электронная коммерция</h2>
<p>Является одним из самых модных течений практически во всех отраслях бизнеса. Она открывает новые возможности в любой сфере,
независимо от того, ориентируетесь ли вы на конечного покупателя или работаете с деловыми партнерами.</p>
</body>
</html>
Рис.7. Применение small-caps
В примере 5 тег заголовка второго уровня отображает текст маленькими заглавными буквами (small-caps).
