Как сделать первую букву заглавной css
Перейти к содержимому

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

  • автор:

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

В связи с переходом на новый движок. возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-02-2024! ��

Свойство CSS для первой заглавной буквы

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

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

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

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

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

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

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

ruweb

Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru!
© 2015 — 2024 Контакты. Реклама на сайте
Лучший хостинг : RUWEB + помощь по RUWEB

Свойство text-transform, регистр символов

С помощью CSS можно также управлять регистром символов: делать буквы строчными (маленькими) или заглавными (большими). Делается это с помощью свойства text-transform . Его значения:

  1. lowercase — все строчные;
  2. uppercase — все заглавные;
  3. capitalize — каждое слово начинается с большой буквы;
  4. none — отменяет изменение регистра.

Без лишних слов — к практике!

Перейти к заданию

  • index.html Сплит-режим
  • style.css Сплит-режим

Сайт начинающего верстальщика

На главную

Всё ещё день седьмой. Кекс выдал мне задание

Сегодня пришёл Кекс и дал мне немного необычное задание. По соседству с ним поселилась одна кошечка, а Кекс совсем не умеет сочинять песни. Поэтому он попросил меня найти какое-нибудь великое произведение, чтобы он смог исполнить его ей.

Как говорится, для хорошего кота и в феврале март (народная мудрость).

Нашёл лирическое произведение для Кекса:

Мяу мяу мяу
мррр мяу мяяяу
мяу мяу
мяу

Собрание произведений М. Котидзе.

Подвал сайта

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

В CSS нет свойства, которая делает первую букву заглавной. Но можно выбрать первый символ текста через псевдоэлемент :first-letter, и применить к нему свойство text-transform: uppercase. Псевдоэлемент :first-letter работает только с блочными элементами (не будет работать например со ). Чтобы :first-letter работало со строчными элементами, данному элементу надо задать свойство «inline-block» или «block».

p::first-letter  text-transform: uppercase; > 

Сделать первую или каждую букву заглавной

В CSS нет свойства, которая делает первую букву заглавной. Но можно выбрать первый символ текста через псевдоэлемент :first-letter , и применить к нему свойство text-transform: uppercase .

/* html code => Html code */ p::first-letter < text-transform: uppercase; >

Псевдоэлемент :first-letter работает только с блочными элементами (т.е. с такими тегами как данное свойство не будет работать). Чтобы :first-letter работало со строчными элементами, данному элементу надо задать свойство «inline-block» или «block».

/* не будет работать, т.к. строчный элемент */ span::first-letter < text-transform: uppercase; > /* с классом .ucfirst теперь блочный, и свойство будет работать */ .ucfirst < display: inline-block; > .ucfirst::first-letter < text-transform: uppercase; >

Сделать каждое слово с заглавной буквы

Сделать каждое слово с заглавной буквы можно через свойство text-transform: capitalize .

p < /* html code => Html Code */ text-transform: capitalize; >

Обновлено: 01 ноября 2020

Комментарии

Авторизуйтесь, чтобы добавлять комментарии

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *