e-gradiva     HTML CSS JavaScript Načrtovanje  
  logotip  
SERŠ Maribor Iskanje Primeri

Psevdoelement after

Koda: 
img[alt=""]:after {content: "V alt ni nič vpisano!"}

<img src="logo470.jpg" alt="slika" />
Izgled v
brskalniku:		 slika
Koda: 
img[alt=""]:after {content: "V alt ni nič vpisano!"}

<img src="logo470.jpg" alt="" />
Izgled v
brskalniku:
Razlaga:

Za oblikovanje posameznih elementov je mogoče uporabiti poljuben atribut HTML s poljubno ali s točno določeno vrednostjo. V tem primeru je za oblikovanje uporabljen element img, ki ima atribut alt s praznim nizom. Psevdorazred :after določa, da se bo za elementom pojavil napis- v podanem primeru content: "V alt ni nič vpisano!".

Namig:

Če uporabljaš Internet Explorer, ga zamenjaj z Opero in videl boš rezultat! Pravilo je napisano v skladu s standardi.

gor Gor     e-gradiva     CSS     ABC     primeri    

SERŠ Maribor : Strokovna gimnazija : 2004 : Aleš Brumec