Az ::first-lineál-elem stílusok alkalmazására szolgál az elem első sorában. Képzeljünk el egy több sor hosszú bekezdést (mint ez!). ::first-linelehetővé teszi az első szövegsor stílusának megformálását. Használhatja nagyobbra, vagy stílusosan kisbetűsre állíthatja. Az ezen álelem által megcélzott szöveg mennyisége számos tényezőtől függ, mint a sor hossza, a nézetablak szélessége, a betűméret, a betűköz, a szóköz. Amint a sor megszakad, az utána lévő szöveget már nem választja ki. Ne feledje, hogy itt nincs kiválasztva tényleges DOM elem (tehát „ál” elem).
Ez pszeudoelem csak akkor működik, a blokk szintű elemeket (ha displaybe van állítva, hogy vagy block, inline-block, table-caption, table-cell). Ha egy inline elemre állítjuk, akkor sem történik semmi, még akkor sem, ha az inline elemnek van egy sortörése.
Szintén fontos megjegyezni, hogy nem minden ingatlan lehet használni egy szabályrendszert tartalmazó ::first-line. Többnyire:
.element::first-line ( font-style:… font-variant:… font-weight:… font-size:… font-family:… line-height:… color:… word-spacing:… letter-spacing:… text-decoration:… text-transform:… background-color:… background-image:… background-position:… background-repeat:… background-size:… background-attachment:… )A hivatalos CSS specifikáció szerint a felhasználói ügynökök engedélyezhetnek más tulajdonságokat is, ha úgy érzik:
Az UA-k más tulajdonságokat is alkalmazhatnak.
Egy szó a sajátosságról
A következő bemutató bemutatja, hogyan ::first-lineképes felülírni bármilyen fajta sajátosságot !important.
- Az 1. parafgráf szürkére van állítva egy címkeválasztóval
- A 2. parapgráf szürke színre van állítva egy osztályválasztóval
- A 3. parapgráf szürkére van állítva egy azonosító választóval
- A 4. parapgráf szürkére van állítva egy! Fontos bash segítségével
Az álelemet ugyanis gyermekelemként kezelik, nem csak a szülőelem részeként. Tehát a rá alkalmazott szabályok csak neki szólnak, a szülői szabályok csak lépcsőzetesen változhatnak hozzá.
Próbálja meg átméretezni a böngészőt, hogy lássa, hogyan viselkedjen az ál-elem, amikor a nézetablak szélessége megváltozik.
Nincs: utolsó sor vagy: n-edik sor, annak ellenére, hogy jó lenne.
Böngésző támogatás
| Króm | Szafari | Firefox | Opera | AZAZ | Android | iOS |
|---|---|---|---|---|---|---|
| Igen | Igen | Igen | 3,5+ (régi) 9+ | 5,5+ (régi) 9+ | Igen | Igen |
Mivel ::first-lineez egy pszeudo-elem, két vastagbéllel kell előtagoznia, a CSS2.1 szerint. Egyes böngészők azonban csak az egybéles szintaxist támogatják (Internet Explorer 5.5 - 9 és Opera 3.5 - 9).