Как сделать первую букву в объекте заглавной | Полезные советы

Как сделать первую букву в объекте заглавной

Сейчас я расскажу, как сделать первую букву в объекте заглавной.

Скажем, что мы хотим получить вот такой список:

  • Первый элемент
  • Второй элемент
  • Третий элемент
  • Четвертый элемент
  • Пятый элемент

Но наш список написан вот-так:

  • первый элемент
  • второй элемент
  • третий элемент
  • четвертый элемент
  • пятый элемент

Можно, конечно просто поменять первую букву на заглавную ручками, но как быть если строк таких, скажем 1000 )))

Решение есть…

Итак. У нас есть код

<ul>
  <li>первый элемент</li>
  <li>второй элемент</li>
  <li>третий элемент</li>
  <li>четвертый элемент</li>
  <li>пятый элемент</li>
</ul>

Достаточно просто прописать стиль в данном случае для тега li и указать псевдокласс :first-letter В этом случае стиль будет прописан только для первого символа тега li

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

text-transform — говорит о том, что будем изменять текст

uppercase — перевод в заглавные буквы.

Все просто )

Комментарии через VK
Комментарии NoFAQ.net

Комментарии Вконтакте