Pierwsza linia :first-line
W jaki sposób zmienić wygląd pierwszej linii tekstu?
selektor:first-line { cecha: wartość }
<caption>...</caption>
) oraz komórek tabeli (<td>...</td>
). [Zobacz: Wstawianie stylów].Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach.
Polecenie raz zdefiniowane w arkuszu stylów, pozwala na nadanie określonych cech wszystkim pierwszym linijkom, znajdującym się wewnątrz znacznika, na który wskazuje selektor.
Przykład :first-line
Jeżeli w arkuszu stylów została umieszczona następująca reguła:p:first-line { color: red }to wszystkie pierwsze linijki wchodzące w skład akapitów, będą miały czerwony kolor:
To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit... To jest akapit...
Przeglądarki
![]() Chrome | ![]() Firefox | ![]() Edge | ![]() Opera | ![]() Safari | |
---|---|---|---|---|---|
:first-line | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 7 2003-01-28 | 1 2003-06-23 |