MaXComp
@MaXComp
интересуюсь frontend html+css+JS+php web-prost.ru

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

Есть ячейка таблице в которой ФИО, нужно сделать так что бы было ФАМИЛИЯ Имя Отчество.
text-transform: uppercase;
Это для первой буквы слова, а можно ли для первого слова предложения? :)
  • Вопрос задан
  • 729 просмотров
Пригласить эксперта
Ответы на вопрос 3
supertrolyaso
@supertrolyaso
Самоучка
Как вариант "засунуть" первое слово в какой либо тег, например span, и уже для него задать в стилях text-transform: uppercase.
Либо на js написать ф-ю чтобы он искал первое слово предложения обрамлял его в тег и присваивал стили.
Ответ написан
VNaumenko
@VNaumenko
Веб-разработчик
Через CSS никак, но можешь написать JS.
https://jsfiddle.net/vnaumenko/grux26ob/16/

Наверное есть способ прикольнее, с помощью регулярок, но я их не знаю. :)
А вообще лучше это на стороне PHP делай, там проще.
Ответ написан
Vlatqa
@Vlatqa Куратор тега CSS
$("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
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы