CSS overflow-x egenskab

Definition og brug

overflow-x egenskab definerer om indholdets venstre/højre kant skal beskæres - hvis indholdet er overflødigt.

Tip:Brug overflow-y bruges til at bestemme beskæring af øvre/nederste kant.

CSS tutorial:CSS overflod

HTML DOM referencemanual:overflowX egenskab

Eksempel

Beskær venstre/højre kant af indholdet i div-elementet - hvis indholdet er overflødigt:

div
{
overflow-x:hidden;
}

Prøv det selv

CSS syntaks

overflow-x: 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 - Tilbyd ikke en rullemekanisme. Test
scroll Beskær indhold - Tilbyd en rullemekanisme. Test
auto Hvis der er overflod i rammen, skal der tilbydes en rullemekanisme. Test
no-display Hvis indholdet ikke passer i indholdsrammen, skal hele rammen slettes. Test
no-content Hvis indholdet ikke passer i indholdsrammen, skal hele indholdet skjules. Test

Tekniske detaljer

Standardværdi: synlig
Arv: nej
Version: CSS3
JavaScript syntaks: object.style.overflowX="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-		 3.5 3.0 9.5