Как с помощью CSS сделать заглавными первое слово предложения?

Question

[Максим Тюльпаков]

Есть ячейка таблице в которой ФИО, нужно сделать так что бы было ФАМИЛИЯ Имя Отчество.
text-transform: uppercase;
Это для первой буквы слова, а можно ли для первого слова предложения? :)

Comments

[Александр]

text-transform: uppercase как раз делает все буквы текста в верхнем регистре. Оберни первое слово в span с uppercase, остальные в span с capitalize.

[Дмитрий]

Прямого свойства в css нет. Как вариант сделать обертку для первого слова и прописать в css. Если этот вариант не подойдет, тогда необходимо использовать js

Answer 1

[supertrolyaso]

Как вариант "засунуть" первое слово в какой либо тег, например span, и уже для него задать в стилях text-transform: uppercase.
Либо на js написать ф-ю чтобы он искал первое слово предложения обрамлял его в тег и присваивал стили.

Answer 2

[Вячеслав Науменко]

Через CSS никак, но можешь написать JS.
https://jsfiddle.net/vnaumenko/grux26ob/16/

Наверное есть способ прикольнее, с помощью регулярок, но я их не знаю. :)
А вообще лучше это на стороне PHP делай, там проще.

Answer 3

[Владислав Лысков]

$("h2,h3").html(function () {
    var text = $(this).text().trim().split(" ");
    var first = text.shift();
    return (text.length >= 0 ? "<span class='red'>" + first + "</span> " : first) + text.join(" ");
});

я делал таким макаром, h2, h3, это к чему добавить класс .red