::first-letterје псеудо елемент који вам омогућава да обликујете прво слово у елементу, без потребе да лепите ознаку око тог првог слова у свом ХТМЛ-у. Иако се у ДОМ не додају никакве ознаке, чини се да је циљано прво слово обухваћено ознаком. То прво слово можете обликовати као прави елемент помоћу:
p::first-letter ( font-weight: bold; color: red; )
The first letter is bold and red
Резултат је као да имате око првог слова лажни елемент:
The first letter is bold and red.
Прво слово је подебљано и црвено
- Псеудо елемент функционише само ако је надређени елемент оквир контејнера блокова (другим речима, не ради на првом слову
display: inline;елемената.) - Ако имате и
::first-letterи::first-lineна елемент, прво писмо ће наследити од првих стилова линије, али стилови он тхе::first-letterће заменити када је стилова сукоб. - Ако генеришете садржај са
::before, циљ ће бити прво слово или интерпункцијски знак, било да је део оригиналног чвора текста или створен са генерисаним садржајем.
Више информација
- Када се користи за капице, користите заједно са,
p:first-of-typeтако да не буде свако прво слово стилизовано - Пример оловке - са генерисаним садржајем
- В3Ц Вики
- Модул В3Ц ЦСС3 Селектори
Подршка прегледача
Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.
Десктоп
| Хром | Фирефок | ИЕ | Ивица | Сафари |
|---|---|---|---|---|
| 9 | 3.5 | 9 | 12 | 5.1 |
Мобиле / Таблет
| Андроид Цхроме | Андроид Фирефок | Андроид | иОС Сафари |
|---|---|---|---|
| 88 | 85 | 3 | 5.0-5.1 |
Напомена: За Интернет Екплорер 8 и старије верзије, користите двотачку :first-letterуместо ознаке двотачке.