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

Question

Максим Тюльпаков @MaXComp

интересуюсь frontend html+css+JS+php. Linux, C

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

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

Вопрос задан более трёх лет назад
1310 просмотров

2 комментария

Подписаться 1 Простой 2 комментария

text-transform: uppercase как раз делает все буквы текста в верхнем регистре. Оберни первое слово в span с uppercase, остальные в span с capitalize.
Прямого свойства в css нет. Как вариант сделать обертку для первого слова и прописать в css. Если этот вариант не подойдет, тогда необходимо использовать js

Answer 1 · 2018-04-18 10:05:39

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

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

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

Войдите на сайт