HTML 5 unterstützt keine Attribute wie Frameborder, Scrolling, Marginwidth und Marginheight (die in HTML 4.01 unterstützt wurden). Stattdessen hat die HTML 5-Spezifikation das nahtlose Attribut eingeführt. Mit dem nahtlosen Attribut kann der Inline-Rahmen so angezeigt werden, als würde er als Teil des enthaltenen Dokuments gerendert. Beispielsweise werden Rahmen und Bildlaufleisten nicht angezeigt.
Laut MDN
frameborder
Veraltet seit HTML5
Der Wert 1
(Standard) zeichnet einen Rahmen um diesen Rahmen. Der Wert 0
entfernt den Rahmen um diesen Rahmen. Sie sollten jedoch stattdessen den Rand der CSS-Eigenschaft verwenden, um die Rahmen zu steuern.
Wie im obigen Zitat angegeben, sollten Sie den Rand mit CSS entfernen.
entweder inline ( style="border: none;"
) oder in Ihrem Stylesheet ( iframe { border: none; }
).
Davon abgesehen scheint es keinen einzigen Iframe-Anbieter zu geben, der diesen nicht verwendet frameborder="0"
. Selbst YouTube verwendet das Attribut weiterhin und bietet nicht einmal ein Stilattribut, um iframes abwärtskompatibel zu machen, wenn Frameborder nicht mehr unterstützt wird. Man kann mit Sicherheit sagen, dass das Attribut nicht bald irgendwohin geht. Damit haben Sie 3 Möglichkeiten:
- Verwenden Sie weiter
frameborder
, nur um sicherzugehen, dass es funktioniert (vorerst)
- Verwenden Sie CSS, um das "Richtige" zu tun
- Verwende beide. Obwohl dies das Inkompatibilitätsproblem nicht löst (genau wie Option 1), funktioniert es in jedem Browser, der es war und sein wird
Was den vorherigen Stand dieser zehn Jahre alten Antwort betrifft:
Das seamless
Attribut wurde für eine so kurze Zeit (oder von einigen Browsern überhaupt nicht) unterstützt, dass MDN es nicht einmal als veraltete Funktion auflistet. Verwenden Sie es nicht und lassen Sie sich von den Kommentaren unten nicht verwirren.
border-width: 0px;
, aber ich befürchte, dass dies auch nicht browserübergreifend kompatibel istiframes
.seamless
wird immer noch nicht von allen Browsern unterstützt! Dies ist eines der wenigen HTML5-Probleme, die Sie nur akzeptieren müssen. Verwenden Sieframeborder="0"
und zum Teufel mit der Validierung!seamless
wurde aus der HTML5-Spezifikation entfernt, daher wird dies niemals unterstützt. Die Antwort von @ ForTheWatch ist jetzt die beste.