CSS ::first-letter pseudoelement

Definicja i użycie

CSS ::first-letter Pseudoelementy są używane do ustawiania stylu pierwszej litery blokowych elementów.

Uwaga:Następujące atrybuty mogą być używane z ::first-letter Używane razem:

  • Wszystkie atrybuty czcionki
  • Wszystkie atrybuty tła
  • Wszystkie atrybuty zewnętrznych marginesów
  • Wszystkie atrybuty wewnętrznych marginesów
  • Wszystkie atrybuty krawędzi
  • color
  • text-decoration
  • text-shadow
  • letter-spacing
  • word-spacing
  • text-transform
  • text-decoration-color
  • text-decoration-line
  • text-decoration-style
  • box-shadow
  • vertical-align (tylko gdy float jest none)
  • line-height
  • float

Przykład

Wybierz i ustaw styl pierwszej litery każdego elementu <p>:

p::first-letter {
  font-size: 200%;
  font-weight: bold;
  color: #8A2BE2;
}

Spróbuj sam

CSS składnia

::first-letter {
  deklaracje css;
}

Szczegóły techniczne

Wersja: CSS1

Obsługa przeglądarek

Liczby w tabeli wskazują na pierwszą wersję przeglądarki, która w pełni obsługuje ten pseudoelement.

Chrome Edge Firefox Safari Opera
1.0 9.0 1.0 1.0 7.0

Strony związane

Tutorial:CSS pseudoelementy