Unfortunately I do not believe it’s possible in fully-conforming HTML5 with just HTML and CSS properties. Fortunately however, most browsers do still support the scrolling
property (which was removed from the HTML5 specification).
overflow
isn’t a solution for HTML5 as the only modern browser which wrongly supports this is Firefox.
A current solution would be to combine the two:
<iframe src="" scrolling="no"></iframe>
iframe { overflow: hidden; }
But this could be rendered obsolete as browsers update. You may want to check this for a JavaScript solution: http://www.christersvensson.com/html-tool/iframe.htm
Edit: I’ve checked and scrolling="no"
will work in IE10, Chrome 25 and Opera 12.12.
Related Posts:
- How to center an iframe horizontally?
- How to align iframe always in the center
- Remove border from IFrame
- How to apply CSS to iframe?
- Remove scrollbar from iframe
- Full Page < iframe >
- Half circle with CSS (border, outline only)
- Unblur content inside blurring background div
- Failed to load resource: the server responded with a status of 404 (Not Found) css
- CSS background-image-opacity?
- Resize image proportionally with CSS?
- Setting table column width
- Embed image in a
- What is difference between png8 and png24
- Can I have an onclick effect in CSS?
- How to style a checkbox using CSS
- CSS Background Image Not Displaying
- How to place a text next to the picture?
- CSS: Moving the text down a few pixels but keeping the background still?
- Fix footer to bottom of page
- How to position text over an image in css
- shifting a piece of text down using CSS
- Display Two s Side-by-Side
- Add border-bottom to table row
- Center form submit buttons HTML / CSS
- AngularJS ngClass conditional
- CSS: Moving the text down a few pixels but keeping the background still?
- How to darken a background using CSS?
- How to use css first-child with :not()
- How to “crop” a rectangular image into a square with CSS?
- How to draw diagonal lines with css
- How to display and hide a div with CSS?
- How to keep footer at bottom of screen [duplicate]
- Draw a line in a div
- Change Color of Fonts in DIV (CSS)
- Why is “cursor:pointer” effect in CSS not working
- a href link for entire div in HTML/CSS
- Full-screen iframe with a height of 100%
- How do I set vertical space between list items?
- Does bootstrap 4 have a built in horizontal divider?
- Check if an element contains a class in JavaScript?
- Complete list of reasons why a css file might not be working
- html div background image not showing up
- Bring element to front using CSS
- Brackets – Live Preview not working
- How to apply style classes to td elements?
- Align DIV’s to bottom or baseline
- how to overlap two div in css?
- How can I move this text up using CSS?
- Target a css class inside another css class
- CSS float right not working correctly
- How can I vertically align elements in a div?
- How to give spacing between buttons using bootstrap
- CSS hover effect is not working on my code
- Space between two rows in a table?
- How can I center a div within another div?
- How to align content of a div to the bottom
- How do I style a dropdown with only CSS?
- Dynamic height of div with css
- Removing ul indentation with CSS
- vertical divider between two columns in bootstrap
- Why an inline “background-image” style doesn’t work in Chrome 10 and Internet Explorer 8?
- How to center a navigation bar with CSS or HTML?
- Why write script type=”text/javascript” when the mime type is set by the server?
- How to add image that is on my computer to a site in css or html?
- My CSS won’t link to my HTML file
- How to use PHP inside css file
- Table fixed header and scrollable body
- How to make a div 100% height of the browser window
- css display table cell requires percentage width
- Setting a max character length in CSS
- Why doesn’t min-height not work on my page?
- How to write a:hover in inline CSS?
- CSS Resize/Zoom-In effect on Image while keeping Dimensions
- How to draw a trapezium/trapezoid with css3?
- How can I change the Bootstrap default font family using font from Google?
- Add stroke around text – on the outside – with css?
- HTML/CSS–Creating a banner/header
- How to create a text box in PHP to output data
- Change hover color on a button with Bootstrap customization
- Alternate table row color using CSS?
- Change cursor to hand when mouse goes over a row in table
- CSS table td width – fixed, not flexible
- Set textarea width to 100% in bootstrap modal
- Can I apply a CSS style to an element name?
- CSS max-height not working
- How can I make a div not larger than its contents?
- Horizontal list items
- How to make Bootstrap Panel body with fixed height
- word-wrap break-word does not work in this example
- Change navbar text color Bootstrap
- position fixed is not working
- Create a slanted edge to a div [duplicate]
- Override USER AGENT STYLE SHEET – Chrome
- Place a button right aligned
- aking a flex item float right
- td widths, not working?
- How put links in wordpress dynamic sidebar?
- Using custom HTML tags to WordPress [closed]
- Main menu effect visited
- Add border-bottom to table row