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.

Nazad