Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Css - первая буква большая :first-letter

Поддержи проект!!! smile

:first-letter в Css - это первая буква большая , как сделать первую букву большой(заглавной) через CSS!?
Есть ли способы сделать первую букву заглавной в css на всей странице!?

Первая буква заглавная CSS

  1. Свойство CSS для первой заглавной буквы.
  2. Еще способы сделать первую букву заглавной в css.
  1. Свойство CSS для первой заглавной буквы

    Чтобы сделать первую букву заглавной в css нам потребуется свойство псевдоэлемента :

    :first-letter

    Пример получения первой буквы заглавной через Css :

    Нам понадобится div с классом (class) и немного предложений, которые будут обернуты в тег {P}

    Html :
    <div class="example">
    <p>здесь содержание</p>
    <p>вторая строка</p>
    <p>третья строка</p>
    </div>
    CSS :

    Добавим стилей с псевдо элементом :first-letter , немного цвета : color: red;, установим первую букву заглавной в css "text-transform: uppercase;"

    <style>
    .example p:first-letter {
    color: red;
    text-transform: uppercase;
    font-size: 28px;
    font-family: sans-serif;
    }
    </style>

    Получаем результат, когда первая буква будет заглавной CSS

    здесь содержание

    вторая строка

    третья строка

  2. Еще способы сделать первую букву заглавной в css.

    Я как-то делал страницу посвященной теме "заглавная буква", только не через CSS, а через php.
    Не буду повторяться, вы можете ознакомиться


Вас может еще заинтересовать список тем : #CSS | #FIRST_LETTER |
Последняя дата редактирования : 11.01.2021 17:51
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =

Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.