Как уменьшить размер текста CSS

Для уменьшения размера текста в CSS можно использовать свойство font-size. Свойство определяет размер шрифта элемента.

Существуют различные единицы измерения размера шрифта: пиксели (px), проценты (%), em, rem, vh и др. Наиболее распространенными являются пиксели и проценты.

Пример:

<p class="text">Этот текст уменьшенный по размеру</p>

<style>
  .text {
    font-size: 14px;
  }
</style>

В этом примере размер шрифта для класса .text установлен равным 14 пикселям.

Также можно использовать значения относительной величины, например, проценты или em. Например, если нужно уменьшить размер шрифта на 20%, то можно задать значение font-size: 80%; или если нужно использовать относительный размер относительно размера родительского элемента, то можно использовать em или rem.

Пример:

<div class="container">
  <p class="text">Этот текст уменьшенный по размеру</p>
</div>

<style>
  .container {
    font-size: 1.5em;
  }
  .text {
    font-size: 0.8em;
  }
</style>

В этом примере размер шрифта для контейнера .container установлен равным 1.5em, а тексту внутри него – размер 0.8em, что будет соответствовать 80% от размера шрифта родительского элемента.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как уменьшить размер текста CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали