overflow-y css3

9        

Siden er opdateret 19. 7. 2013

Med overflow-y defineres, om overskydende indhold i en størrelsesdefineret boks skal udløse en lodret scrollbar.

#demo {
width:400px;
height:200px;
overflow-y:auto;
border:1px solid #999;
padding:5px;
margin: 10px auto;
}

Vil se sådan ud:

Test af overflow

Her skal der så være en hel masse tekst, der ikke kan være indenfor et område på 400 × 200px.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vel diam dui, a eleifend nisi. Curabitur bibendum mi quis diam molestie vehicula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi varius malesuada pulvinar. Nulla hendrerit placerat consectetur. Vestibulum consequat metus ut tortor ornare viverra. Ut et mauris mi. In hac habitasse platea dictumst. Proin viverra pellentesque odio et laoreet. Nulla dignissim nulla sit amet sem euismod congue. Suspendisse iaculis viverra diam, vitae luctus mauris tincidunt a. Fusce pulvinar, erat non fringilla pharetra, mi tortor suscipit nunc, id rutrum erat justo a massa.

De mulige værdier for overflow-y er:

auto
browseren indsætter scrollbar i boksen, hvis det er nødvendigt.
hidden
indholdet klippes ved boksafgrænsningen og overskydende indhold kan ikke ses - eller bringes til at kunne ses.
inherit
boksen arver overflow-y-egenskaben efter forældreelementet.
scroll
browseren indsætter scrollbar lodret og vandret uanset behov eller ej. Er der et scroll-behov, indsættes scroll-knapper.
visible
indholdet bliver ikke klippet og eventuelt overskydende indhold vises udenfor boksafgrænsningen.
Valid XHTML og CSS / Copyright © Erik Ginnerskov januar 2012
Hjemmesideskolen
Du er her: Forsiden - css - egenskaber - overflow-y
sidens top
Brugere lige nu: 1
Home Mail