CSS overflow-x egenskap

Definition och användning

overflow-x-egenskapen specificerar om innehållet på vänster/högerkanten ska beskäras - om innehållet överflödar elementets innehållsområde.

Tips:Använd overflow-y egenskap för att bestämma beskärning av övre/lower kant.

CSS-lärarlektion:CSS overflow

HTML DOM referenshandbok:overflowX-egenskapen

Beskär vänster/högerkanten av innehållet i div-elementet - om innehållet överflödar elementets innehållsområde:

div
{
overflow-x:hidden;
}

overflow-x: visible|hidden|scroll|auto|no-display|no-content;

Värde	Beskrivning	Test
synlig	Ingen beskärning av innehåll, kan visas utanför innehållsramen.	Test
hidden	Beskär innehåll - Erbjud inte rullningsmekanism.	Test
scroll	Beskär innehåll - Erbjud rullningsmekanism.	Test
auto	Om det finns överflödande rymd i ramen, bör en rullningsmekanism erbjudas.	Test
no-display	Om innehållet inte passar in i innehållsramen, ta bort hela ramen.	Test
no-content	Om innehållet inte passar in i innehållsramen, göm hela innehållet.	Test

Standardvärde:	synlig
Arvsförmåga:	nej
Version:	CSS3
JavaScript-syntaks:	object.style.overflowX="scroll"

Tal i tabellen anger den första webbläsarversion som fullständigt stöder egenskapen.

Tillägg med -ms- betyder att det är den första versionen med prefix.

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