01. ::first-line

Przeznaczenie selektora ::first-line

::first-line { ... }

Za pomocą selektora ::first-line możemy sprawić, że treść znajdująca się w pierwszym wierszu interesującego nas elementu HTML zostanie umieszczona w dodatkowym pseudoelemencie.

Informacje techniczne o selektorze ::first-line

ograniczenie - elementy HTML

  • Tylko element HTML typu block, typu inline-block, typu table-caption lub typu table-cell.

ograniczenie - właściwości CSS

  • Tylko następujące właściwości CSS: font, color, background, word-spacing, letter-spacing, text-decoration, vertical-align, text-transform, line-height.

Przykładowa reguła CSS, selektor ::first-line

Wyjaśnienie przykładowej reguły CSS

p::first-line

  • spraw, aby treść znajdująca się w pierwszym wierszu każdego elementu p została umieszczona w dodatkowym pseudoelemencie oraz

color

  • była koloru

red

  • czerwonego

Kod źródłowy przykładowego dokumentu HTML

Rezultat

Interpretacja selektora ::first-line

Last updated