CSS ::first-line

CSS značka ::first-line nam omogoča ciljanje prve vrstice odstavka. V praksi to pomeni, da lahko prvi vrstici vsebine določimo drugačno oblikovanje, kot ga ima preostala vsebina.

Količina besedila, ki ga ta značka zajame je odvisno od različnih faktorjev, kot so višina besedila, širina, širina zaslona, velikost fonta, razmikov, … takoj ko se besedilo prelomi v novo vrstico značka nanj več ne deluje.

Značka lahko vpliva tudi samo na elemente, ki imajo stanje prikaza “block”, kar pomeni v praksi: block, inline-block, table-caption, table-cell. Če je element “inline” značka nima efekta.

Primer uporabe ::first-line

See the Pen
CSS ::first-line
by Ziga (@pomagalnik)
on CodePen.

Pred uporabo značke ::first-line se prepričajte v podpori slednji v spletnih brskalnikih vaših uporabnikov. Trenutno je podprta v praktično vseh brskalnikih.

Dodatno branje za ::first-line:

Komentiraj


*