"The frameborder attribute on the iframe element is obsolete. Use CSS instead."

html iframe w3c-validation
Kevin Masson DunkDesign picture Kevin Masson DunkDesign · Oct 9, 2014 · Viewed 36.6k times · Source

I'm trying to validate my website with the W3C validator but it doesn't work. I have a YouTube iframe and this is the error:

The frameborder attribute on the iframe element is obsolete. Use CSS instead.

Screenshot:

enter image description here

And this is my index.html (cropped):

<!-- Video -->
<div class="video-container box-size">
  <iframe width="700" height="312" src="http://www.youtube.com/embed/OfUPsnAtZMI" frameborder="0" allowfullscreen></iframe>
</div>

How can I correct it?

Answer

user2950291 picture user2950291 · Oct 9, 2014

As they state themselves "The frameborder attribute is not supported in HTML5. Use CSS instead."

The equivalent of frameborder in css is border: 0px;. Add it to your iframe in css.

Related questions

How widely supported is the iframe attribute "allowfullscreen"?

I can't seem to find any websites detailing the support for the iframe attribute "allowfullscreen". CanIUse.com doesn't seem to have a listing for it, for example. Does anyone have the support information for Chrome, Safari, IE and Firefox?

Read More
How to apply CSS to iframe?

I have a simple page that has some iframe sections (to display RSS links). How can I apply the same CSS format from the main page to the page displayed in the iframe?

Read More
Make iframe automatically adjust height according to the contents without using scrollbar?

For example: <iframe name="Stack" src="http://stackoverflow.com/" width="740" frameborder="0" scrolling="no" id="iframe"> ... </iframe> I want it to be able to adjust its height according to the contents inside it, without using scroll.

Read More