Тег IFRAME как и что отключить бордюры и скроллинг

Тег iframe по-прежнему жив. Хотя его близкий родственник frame и frameset постепенно уходят в историю.

IFRAME выжил во-многом из-за так называемых информеров – блоков с полезной информацией вставляемых на сторонних сайтах.

IFRAME Вы можете встретить сегодня как вариант кода вставки видео с YOUTUBE или ВКОНТАКТЕ на Ваш личный сайт.

Так или иначе , хотите ли Вы вставить прогноз погоды в левый нижний угол Вашего сайта или разметить видео в блог, синтаксис IFRAME будет не бесполезным.

Рассмотрим простой пример использования тега <iframe>:

<iframe src="https://weblomaster.ru/"></iframe>

В результате, в месте где Вы вставили такой вариант тега iframe, откроется заглавная страница сайта weblomaster.ru
Какие минусы этого исполнения: не определена высота, ширина блока, есть полоса прокрутки, бордюр окружающий блок с iframe, существуют отступы , горизонтальные и вертикальные.

Теперь рассмотрим дополнительные параметры , которые позволят нам стилизовать iframe так, как нам нужно:
width="100" /* ширина интегрированного фрейма в пикселях */
height="200" /* высота */
frameborder="0" /* 0 - бордюр фрейма отключен, 1 - бордюр присутствует */
scrolling="no" /* значение "no" - боковой скролинг, колесо прокрутки отключено;
"yes" - скроллинг включен;
"auto" - скроллинг появляется только тогда , когда ширина - высота интегрированной страницы больше параметров высоты-ширины блока на Вашем сайте */

Используя эти параметры , мы можем создать блок (для примера) размером 700px (ширина) на 500px (высота) , без полосы прокрутки (скроллинга) и без бордюра:
<iframe src="https://weblomaster.ru/" frameborder="0" scrolling="no" width="700" height="500"></iframe>

Опубликовано 03.12.2013 в 21:18 · Автор Вебдизайнеру, сисадмину, вебмастеру · Ссылка
Рубрики: CSS, HTML · Теги: , , , , , , ,