Выворотка

Метки:

текст

Выворотка это инверсия цветов текста и фона. К примеру, черный текст на белом фоне в выворотке будет выглядеть как белый текст на черном фоне. На рис. 1 показаны варианты оформления текста.

Рис. 1

Рис. 1. Обычный текст и выворотка

Для создания выворотки применяется стилевой атрибут background, задающий цвет фона и color, определяющий цвет текста, как показано в примере 1.

Пример 1. Цвет фона и текста

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
  <title>Выворотка</title>
  <style type="text/css">
   .invert {
    background: #000; /* Черный цвет фона */
    color: #fff; /* Белый цвет текста */
    padding: 2px; /* Поля вокруг текста */
   }
  </style>
 </head>
 <body>
   <p>Обычный текст</p>
   <p><span class="invert">Выворотка</span></p>
 </body>
</html>

Выворотка лучше всего смотрится с рубленым шрифтом вроде Arial, Verdana или Tahoma, набранным крупным кеглем, а также в жирном начертании.

Термины

Выворотка

Отправить комментарий