Сделать текст с заглавной буквы

#html #css

Подскажите, как сделать текст с заглавной буквы? Есть текст на сайте, но он по умолчанию
капс лок, надо как-то сделать его capitalize. Капеиталайз работает, когда текст изначально
мелкий, а как сделать то же самое, когда он уже большой (то, что он большой нельзя
изменить)



p{
 text-transform:capitalize!IMPORTANT;   
}

LOREM IPSUM




    

Ответы

Ответ 1

Если вам нужно непосредственно "с заглавной буквы", то можно воспользоваться псевдоэлементом
:first-letter:



p {
   text-transform: lowercase;
}

p:first-letter {
  text-transform: uppercase;
}
ТЕКСТ БОЛЬШУЩИЙ, БОЛЬШОЙ ТЕКСТ.


Ответ 2

Можно так:



function titleCase(str) {
  var splitStr = str.toLowerCase().split(' ');
  for (var i = 0; i < splitStr.length; i++) {
    splitStr[i] = splitStr[i].charAt(0).toUpperCase() + splitStr[i].substring(1);
  }
  return splitStr.join(' ');
}

document.querySelector("p").textContent = titleCase(document.querySelector("p").textContent);
LOREM IPSUM DOLOR SIT AMET