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

overflow

Ker lahko širino in višino elementa nastavljamo po svoje, se lahko zgodi, da element postane premajhen. Z lastnostjo overflow določimo, kaj naj se zgodi v takem primeru.

Težava nastane, če je ta manjši element prevelik, da bi ustrezal dimenzijam, ki smo jih določili. Običajno, če je element prevelik, se zgodi da se deli tega elementa preprosto odrežejo. Ti odrezani elementi pač preprosto niso izpisani na ekranu in vizualno ne obstajajo.

Lastnost clip dovoljuje, da so ti odrezani elementi vidni.

vrednostopisNNIECSS
visiblePoveča dejansko velikost elementa, tako da lahko prikaže vso vsebino. Če je ta vrednost izbrana, potem nastavitve za clip nimajo učinka.642
hiddenPrikaže samo vsebino, kolikor je spravi v element, ostalo odreže642
scrollElementu doda drsnika ne glede na to, ali jih potrebujemo. Vpliv ima samo na elemente, ki odrezani. Drsniki omogočajo ogled preostale vsebine.642
autoElementu doda drsnika samo, če sta potrebna.642

Primer

.boxtext
{
overflow: scroll;
height: 100px;
width: 200px;
}

→ Primer drsnika
→ Primer odrezanega besedila
→ Primer odrezane slike

SERŠ Maribor : Strokovna gimnazija : 2004 : Jure Štern