Содержание

HTML/Атрибут frameborder (Элемент iframe)

/html/iframe/frameborder:> Управление отображением рамки фрейма_

Синтаксис

(X)HTML

<iframe src="..." frameborder="[значение]">
  ...
</iframe>

Описание

Атрибут / параметр frameborder (от англ. «frame border» ‒ «рамка кадра») добавляет или удаляет рамку вокруг встроенного фрейма.

Поддержка браузерами

Chrome

Поддерж.

Firefox

Поддерж.

Opera

Поддерж.

Maxthon

Поддерж.

IExplorer

Поддерж.

Safari

Поддерж.

iOS

Поддерж.

Android

Поддерж.

Спецификация

Верс.Раздел
HTML
2.0—
3. 2
—
4.0116.2.2 The FRAME element
frameborder = 1|0 [CN]…
DTD: Transitional Strict Frameset
5.04.7.2 The iframe element
5.14.7.6. The iframe element
XHTML
1.0Extensible HyperText Markup Language
DTD: Transitional Strict Frameset
1.1—

Значения

0
no
Удаляет рамку вокруг встроенного фрейма.
1
yes
Добавляет рамку вокруг встроенного фрейма.

Примечание: значения «no» и «yes» не являются значениями (X)HTML спецификации.

Пример использования

Листинг кода

<!DOCTYPE html PUBLIC «-//W3C//DTD XHTML 1.0 Transitional//EN» «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»>

<html xmlns=»http://www.w3.org/1999/xhtml»>
<head>
<meta http-equiv=»Content-Type» content=»text/html; charset=utf-8″ />
<title>Параметр frameborder (Элемент iframe)</title>
</head>
<body>
<h2>Пример с атрибутом «frameborder»</h2>
<iframe src=»../iframe.html» frameborder=»1″>Ваш веб-браузер не поддерживает встроенные фреймы.</iframe>
</body>
</html>

Параметр frameborder (Элемент iframe)

LinkedIn

選擇語言Bahasa Indonesia (Bahasa Indonesia)Bahasa Malaysia (Malay)Čeština (Czech)Dansk (Danish)Deutsch (German)English (English)Español (Spanish)繁體中文 (Chinese (Traditional))Français (French)한국어 (Korean)Italiano (Italian)简体中文 (Chinese (Simplified))Nederlands (Dutch)日本語 (Japanese)Norsk (Norwegian)Polski (Polish)Português (Portuguese)Română (Romanian)Русский (Russian)Svenska (Swedish)Tagalog (Tagalog)ภาษาไทย (Thai)Türkçe (Turkish)العربية (Arabic)

عفواً، لم نتمكن من العثور على الصفحة التي تبحث عنها.

برجاء المحاولة مرة أخرى للصفحة السابقة أو الانتقال لـمركز المساعدة للمزيد من المعلومات الإنتقال لموجزك الرئيسي

Omlouváme se, nemůžeme najít stránku, kterou hledáte. Zkuste se vrátit zpátky na předchozí stránku, nebo se podívejte do našeho Centra nápovědy pro více informací

Přejít do informačního kanálu

Vi kan desværre ikke finde den side, du leder efter. Gå tilbage til den forrige side, eller besøg Hjælp for at få flere oplysninger

Gå til dit feed

Die gewünschte Seite konnte leider nicht gefunden werden. Versuchen Sie, zur vorherigen Seite zurückzukehren, oder besuchen Sie unseren Hilfebereich, um mehr zu erfahren.

Zu Ihrem Feed

Uh oh, we can’t seem to find the page you’re looking for. Try going back to the previous page or see our Help Center for more information

Go to your feed

Vaya, parece que no podemos encontrar la página que buscas.

Intenta volver a la página anterior o visita nuestro Centro de ayuda para más información. Ir a tu feed

Nous ne trouvons pas la page que vous recherchez. Essayez de retourner à la page précédente ou consultez notre assistance clientèle pour plus d’informations

Ouvrez votre fil

Maaf, sepertinya kami tidak dapat menemukan halaman yang Anda cari. Coba kembali ke halaman sebelumnya atau lihat Pusat Bantuan kami untuk informasi lebih lanjut

Buka feed Anda

Non abbiamo trovato la pagina che stai cercando. Prova a tornare alla pagina precedente o visita il nostro Centro assistenza per saperne di più.

Vai al tuo feed

申し訳ありません。お探しのページが見つかりません。前のページに戻るか、ヘルプセンターで詳細をご確認ください

フィードに移動

원하시는 페이지를 찾을 수 없습니다. 이전 페이지로 돌아가거나 고객센터에서 자세히 알아보세요.

홈으로 가기

Harap maaf, kami tidak dapat menemui laman yang ingin anda cari.

Cuba kembali ke laman sebelumnya atau lihat Pusat Bantuan kami untuk maklumat lanjut Pergi ke suapan

De pagina waar u naar op zoek bent, kan niet worden gevonden. Probeer terug te gaan naar de vorige pagina of bezoek het Help Center voor meer informatie

Ga naar uw feed

Vi finner ikke siden du leter etter. Gå tilbake til forrige side eller besøk vår brukerstøtte for mer informasjon

Gå til din feed

Nie możemy znaleźć strony, której szukasz. Spróbuj wrócić do poprzedniej strony lub nasze Centrum pomocy, aby uzyskać więcej informacji

Przejdź do swojego kanału

A página que você está procurando não foi encontrada. Volte para a página anterior ou visite nossa Central de Ajuda para mais informações

Voltar para seu feed

Ne pare rău, nu găsim pagina pe care o căutaţi. Reveniţi la pagina anterioară sau consultaţi Centrul nostru de asistenţă pentru mai multe informaţii

Accesaţi fluxul dvs.

Не удаётся найти искомую вами страницу. Вернитесь на предыдущую страницу или посетите страницу нашего справочного центра для получения дополнительной информации.

Перейти к ленте

Sidan du letar efter hittades inte. Gå tillbaka till föregående sida eller besök vårt Hjälpcenter för mer information

Gå till ditt nyhetsflöde

ขออภัย ดูเหมือนเราไม่พบหน้าที่คุณกำลังมองหาอยู่ ลองกลับไปที่หน้าเพจก่อน หรือดู ศูนย์ความช่วยเหลือ ของเราสำหรับข้อมูลเพิ่มเติม

ไปที่ฟีดของคุณ

Naku, mukhang hindi namin mahanap ang pahina na hinahanap mo. Subukang bumalik sa nakaraang pahina o tingnan ang aming Help Center para sa higit pang impormasyon

Pumunta sa iyong feed

Aradığınız sayfa bulunamadı. Önceki sayfaya geri dönün veya daha fazla bilgi için Yardım Merkezimizi görüntüleyin

Haber akışınıza gidin

抱歉，无法找到页面。试试返回到前一页，或前往帮助中心了解更多信息

前往动态汇总

我們好像找不到該頁面。請回到上一頁或前往說明中心來進一步瞭解

前往首頁動態

css — HTML5 и граница кадра

спросил

12 лет, 6 месяцев назад

Изменено 3 года, 2 месяца назад

Просмотрено 130 тысяч раз

У меня есть iframe в документе HTML5. когда я проверяю, я получаю сообщение об ошибке, говорящее мне, что атрибут в iframe frameBorder устарел и вместо него следует использовать CSS.

У меня есть этот атрибут frameBorder="0" здесь, потому что это был единственный способ избавиться от границы в IE, я попробовал

border:none; в CSS без везения. Есть ли совместимый способ исправить это?

Спасибо.

  • CSS
  • Internet Explorer
  • HTML

HTML 5 не поддерживает такие атрибуты, как рамка кадра, прокрутка, ширина поля и высота поля (которые поддерживались в HTML 4.01). Вместо этого спецификация HTML 5 ввела бесшовный атрибут. Бесшовный атрибут позволяет встроенному фрейму выглядеть так, как будто он визуализируется как часть содержащего его документа. Например, границы и полосы прокрутки не появятся.

Согласно МДН

рамка кадра

Устарело с HTML5

Значение 1 (по умолчанию) рисует рамку вокруг этого кадра. Значение 0 удаляет границу вокруг этого фрейма, но вместо этого вы должны использовать свойство CSS border для управления границами.

Как сказано в приведенной выше цитате, вам следует удалить границу с помощью CSS;
либо встроенный ( style="border: none;" ) или в таблице стилей ( iframe { border: none; } ).

При этом, кажется, нет ни одного провайдера iframe, который не использует

frameborder="0" . Даже YouTube по-прежнему использует этот атрибут и даже не предоставляет атрибут стиля, чтобы сделать фреймы обратно совместимыми, когда фреймборд больше не поддерживается. Можно с уверенностью сказать, что этот атрибут никуда не денется в ближайшее время. Это оставляет вам 3 варианта:

  1. Продолжать использовать frameborder , просто чтобы убедиться, что он работает (пока)
  2. Используйте CSS, чтобы делать «правильные» вещи
  3. Использовать оба. Хотя это не решает проблему несовместимости (как и вариант 1), оно работает и будет работать во всех браузерах, которые были и будут
    4. .

Что касается предыдущего состояния этого десятилетнего ответа:

Бесшовный атрибут поддерживается в течение такого короткого времени (или вообще не поддерживается некоторыми браузерами), что MDN даже не перечисляет его как устаревший особенность. Не используйте его и не запутайтесь в комментариях ниже.

10

Согласно другому сообщению здесь, лучшим решением является использование записи CSS

 style="border:0;"

6

Поскольку атрибут frameborder необходим только для IE, есть еще один способ обойти валидатор. Это легкий способ, который не требует Javascript или каких-либо манипуляций с DOM.

5

Это работает

 iframe{
    ширина границы: 0px;
}

Как насчет того, чтобы использовать тот же метод для «обмануть» валидатор с помощью Javascript, вставив целевой атрибут в XHTML ?

Или getElementsByTagName]("iframe") 1 добавить этот атрибут для всех фреймов на странице?

Не проверял это, потому что я сделал что-то, что означает, что ничего не работает в IE менее 9! 🙂 Так что пока я разбираюсь с этим… 🙂

Я нашел хороший обходной путь, который позволит ему работать в IE7 здесь. Он обходит валидатор для атрибута frameBorder, но сохраняет css для будущих браузеров, как описано в посте.

2

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя электронную почту и пароль

Опубликовать как гость

Электронная почта

Обязательно, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

css — Удалить границу iframe

спросил

Изменено 6 лет, 9несколько месяцев назад

Просмотрено 5к раз

Я использую HTML 5 для добавления видео на свою веб-страницу с использованием iframe . Как только я добавлю видео, оно будет выглядеть следующим образом:

Как вы можете видеть черную рамку вокруг видео, могу ли я удалить этот бит и, возможно, растянуть видео, чтобы оно соответствовало ширине ? страницы?

Вот что я сделал для отображения видео:
  • css
  • html
  • iframe

вам нужно встроить ваш iframe адаптивным способом, например:

 body {
  маржа: 0
}
дел {
  положение: родственник;
  обивка-дно: 56,25%;
  высота: 0;
  переполнение: скрыто;
  максимальная ширина: 100%;
}
iframe {
  положение: абсолютное;
  сверху: 0;
  слева: 0;
  ширина: 100%;
  высота: 100%;
  граница: 0;

4

Удалить ширину и высоту из iframe и объявить его высоту и ширину в CSS.

No related posts.