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

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.
    Не буду повторяться, вы можете ознакомиться


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

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

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
Последние комментарии :
Марат :
29/04/2021 01:46
Реанимирована страница о "шаблонах в DREAMWEAVER"!Эта программа была основной для редактирования моих сайтов на…
подробнее.
Марат :
23/04/2021 04:35
Страница обновлена - добавлен скрипт - всё в одном. Скачивание картинку по…
подробнее.
Марат :
13/04/2021 08:12
Во-первых пожалуйста!1). $new_array - был прописан оттого, что контент на сайте пишется на живых примерах. И часто…
подробнее.
Валерий :
13/04/2021 05:47
перебрал весь материал- во первых спасибоискал другое но понравился Ваш материалerror - или неточность 1. везде…
подробнее.
Марат :
08/04/2021 07:12
Сам афигеваю!
подробнее.