Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> <style> div.scroll { background-color: #ccc; width: 50px; overflow-x: scroll; } div.hidden { background-color: #ccc; width: 50px; overflow: hidden; } div.auto { background-color: #ccc; width: 50px; overflow: auto; } div.visible { background-color: #ccc; width: 50px; overflow: visible; } </style> </head> <body> <h2>Beispiel für die Eigenschaft overflow-x</h2> <h3>overflow-x: scroll</h3> <div class="scroll">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie.</div> <h3>overflow-x: hidden</h3> <div class="hidden">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie.</div> <h3>overflow-x: auto</h3> <div class="auto">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie.</div> <h3>overflow-x: visible</h3> <div class="visible">Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie.</div> </body> </html>