Чтобы перевести текст в нижний регистр с помощью CSS, вы можете использовать свойство text-transform. Вот несколько методов, которые вы можете использовать:

Метод 1: использование text-transform: нижний регистр;

.lowercase-text {
  text-transform: lowercase;
}

Примените класс .lowercase-textк элементу HTML, содержащему текст, который вы хотите преобразовать в нижний регистр.

Метод 2: использование text-transform: none;и font-variant: small-caps;

.lowercase-text {
  text-transform: none;
  font-variant: small-caps;
}

Этот метод преобразует текст в прописные буквы, которые обычно отображаются как строчные буквы.

Метод 3: использование text-transform: inherit;и font-variant: Normal;

.lowercase-text {
  text-transform: inherit;
  font-variant: normal;
}

Этот метод сбрасывает все преобразования текста и варианты шрифта, примененные к родительскому элементу.

Метод 4: использование JavaScript
Если вы предпочитаете использовать JavaScript вместо CSS, вы можете добиться того же результата, манипулируя свойством textContentили innerTextсвойства HTML-элемент.

const element = document.getElementById('your-element-id');
element.textContent = element.textContent.toLowerCase();

Замените 'your-element-id'фактическим идентификатором элемента HTML, который вы хотите преобразовать в нижний регистр.