Pseudo-elementi (Pseudo-elements)

Primjer 15


Pseudo-elementi (Pseudo-elements) definišu specijalne elemnate u web-stranicama, kao što su prvo slovo i prva linija paragrafa ili sadržaj koji se ubacuje ispred ili iza elementa. Pseudo-elementi su sledeći:
- :first-letter
- :first-line
- :before
- :after

Pseudo-elementom :first-letter možemo da podesimo prvo slovo u paragrafu da bude drugačije od ostalih, kako bi taj dio web-stranice dobio izgled novinskog članka. Primjer pokazuje povećanje prvog slova na 35 piksela:

Kod:
<html>
<head>
<title>Prvo slovo</title>
<style type="text/css">
p:first-letter {
font-size: 35px;
}

</style>
</head>
<div>
<p>Tekst</p>

</div>

</body>
</html>

Primjer:

Tekst












Popis svih pseudo-elemenata se nalazi u DODATKU 15.

*Dio koda označen crvenom bojom odnosi se na CSS. Promjenjivi pseudo-element je označen zelenom bojom.
**Prozor na dnu stranice je namjenjen za provjeru koda: - kopirajte kod (edit, copy, paste ili CTRL+C, CTRL+V ili DRAG&DROP metodom); editovanje je moguće u prozoru.





Joxwelldesign.com za Znanje.org