e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
SERŠ Maribor | Iskanje | Primeri |
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.
vrednost | opis | NN | IE | CSS |
---|---|---|---|---|
visible | Poveča dejansko velikost elementa, tako da lahko prikaže vso vsebino. Če je ta vrednost izbrana, potem nastavitve za clip nimajo učinka. | 6 | 4 | 2 |
hidden | Prikaže samo vsebino, kolikor je spravi v element, ostalo odreže | 6 | 4 | 2 |
scroll | Elementu doda drsnika ne glede na to, ali jih potrebujemo. Vpliv ima samo na elemente, ki odrezani. Drsniki omogočajo ogled preostale vsebine. | 6 | 4 | 2 |
auto | Elementu doda drsnika samo, če sta potrebna. | 6 | 4 | 2 |
.boxtext { overflow: scroll; height: 100px; width: 200px; }
SERŠ Maribor : Strokovna gimnazija : 2004 : Jure Štern