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

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

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

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

Есть ли способы сделать первую букву заглавной на всей странице!?

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

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

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

    :first-letter

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

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

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

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

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

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

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

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

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

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

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


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

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

Последние комментарии :
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.
Марат :
23/11/2020 07:38
Приходите ещё!
подробнее.
Лило :
23/11/2020 06:34
Благодарю, удобно
подробнее.
Марат :
15/11/2020 01:57
Здесь отвечал...1) Есть вот комментарии от вконтактае, очень простые 2)Такое же есть от мордокниги, 3) смотрите…
подробнее.