CSS overflow-x egenskab
- foregående side overflow-wrap
- næste side overflow-y
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; }
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 |
- foregående side overflow-wrap
- næste side overflow-y