HTML <style> with media overflow-block
HTML <style> with media overflow-block
The overflow-block value of the media attribute specifies how does the output device handles the content that overflows the viewport along the block axis.
Example
HTML Online Editor
<!DOCTYPE html>
<html>
<head>
<style media="overflow-block: scroll">
p{
color:red;
}
</style>
</head>
<body>
<p>overflow-block is not supported in any version of chrome, mozilla, IE, Edge, Opera</p>
</body>
</html>
Devices Value
| Value | Explanation |
|---|---|
| none | Content that overflows the block axis is not displayed. |
| scroll | Content that overflows the block axis can be seen by scrolling to it. |
| optional-paged | Content that overflows the block axis can be seen by scrolling to it, but page breaks can be manually triggered to cause the following content to display on the following page. |
| paged | Content is broken up into discrete pages; content that overflows one page in the block axis is displayed on the following page. |
Reminder
Hi Developers, we almost covered 99.5% of HTML Tutorials with examples for quick and easy learning.
We are working to cover every Single Concept in HTML.
Please do google search for:
Join Our Channel
Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.
This channel is primarily useful for Full Stack Web Developer.