CSS overflow-y egenskab

Definition og brug

overflow-y-egenskaben bestemmer om indholdets øvre/lavere kant skal beskæres - hvis indholdet flyder uden for elementets indholdsområde.

Tip:Brug overflow-x egenskab for at bestemme beskæring af venstre/højre kant.

CSS tutorial:CSS overflod

HTML DOM referencehåndbog:overflowY-egenskaben

Eksempel

Beskær venstre/højre kant af indholdet i div-elementet - hvis indholdet flyder uden for elementets indholdsområde:

div
{
overflow-y:hidden;
}

Prøv det selv

CSS-syntaks

overflow-y: synlig|skjult|scroll|auto|no-display|no-content;

Egenskabsværdi

Værdi Beskrivelse Test
synlig Indholdet beskæres ikke, og kan muligvis vises uden for indholdsrammen. Test
hidden Beskær indhold - leverer ikke en rullemekanisme. Test
scroll Beskær indhold - leverer en rullemekanisme. Test
auto Hvis der er overflod i rammen, skal der leveres en rullemekanisme. Test
no-display Hvis indholdet ikke passer til indholdsrammen, skal hele rammen slettes. Test
no-content Hvis indholdet ikke passer til indholdsrammen, skal hele indholdet skjules. Test

Tekniske detaljer

Standardværdi: synlig
Arv: nej
Version: CSS3
JavaScript-syntaks: object.style.overflowY="scroll"

Browserunderstøttelse

Talene i tabellen angiver den første browserversion, der fuldt ud understøtter egenskaben.

Tal med -ms- som præfiks indikerer den første version, der bruger præfikset.

Chrome IE / Edge Firefox Safari Opera
4.0 9.0
8.0 -ms-		 1.5 3.0 9.5