Первая буква заглавная и другие буквы в нижнем регистре в CSS?

Вы можете использовать text-transform, чтобы сделать каждое слово абзаца заглавным, как показано ниже:

p { text-transform: capitalize; }

Он поддерживается в IE4 + . Пример здесь .

16.5. Использование заглавных букв: свойство text-transform

Это свойство контролирует эффект использования заглавных букв в тексте элемента.

capitalize Переводит первый символ каждого слова в верхний регистр; Другие персонажи не затронуты.

Делаем каждое слово текста в верхнем регистре заглавными:

При этом предположении было следующее:

Я хочу, чтобы это выглядело так: This Is Sometext

Вы должны заключить каждое слово в элемент оболочки, например <span>, и использовать :first-letter псевдоэлемент, чтобы преобразовать первую букву каждого слова:

<p>
  <span>THIS</span> <span>IS</span> <span>SOMETEXT</span>
</p>

p { text-transform: lowercase; }    /* Make all letters lowercase */
p > span { display: inline-block; } /* :first-letter is applicable to blocks */

p > span:first-letter {
  text-transform: uppercase;        /* Make the first letters uppercase      */
}

Пример здесь .

В качестве альтернативы вы можете использовать JavaScript, чтобы обернуть каждое слово элементом <span>:

var words = $("p").text().split(" ");
$("p").empty();

$.each(words, function(i, v) {
    $("p").append($("<span>").text(v)).append(" ");
});

Пример здесь .

Делаем первую букву заглавного текста заглавной:

Кажется, это то, что вы действительно ищете, это довольно просто, все, что вам нужно сделать, это сделать все слова строчными, а затем преобразовать первую букву абзаца в верхний регистр:

p { text-transform: lowercase; }

p:first-letter {
  text-transform: uppercase;
}

Пример здесь .