Атрибут cols

Задаёт размеры или пропорции колонок фреймов в структуре <frameset>. Если создаются несколько колонок, то для атрибута cols необходимо установить определённое значение. Для этого используется три варианта:

  1. размер в пикселях;
  2. размер в процентах от доступной ширины фрейма;
  3. символ звездочки (*), который обозначает всю свободную ширину, оставшуюся после указания размеров в пикселях или процентах.

Используйте значение в пикселях, когда требуется установить размер фрейма заданной ширины. Это особенно полезно для отображения содержания заданных размеров, например, изображения. Проценты удобно применять для пропорционального разделения фреймов, в этом случае, независимо от размера окна браузера пропорции будут сохраняться, главное, чтобы суммарная ширина колонок равнялась 100%. Если значения не составляют в сумме 100%, браузер отобразит фреймы, но ширина их будет установлена не точно. Наконец, если требуется отвести оставшееся место под фрейм, то используется символ звездочки. В этом случае браузер вычисляет ширину фрейма, когда размеры для остальных фреймов уже установлены. Допускается смешивать отдельные типы значения, перечисляя их через запятую. Тогда работа по расчёту нужной ширины выпадает на долю браузера.

Синтаксис

<frameset cols="<размер>, <размер>, ...">...</frameset>

Значения

Значения, перечисленные через запятую в виде пикселей (px или другие пометки указывать не требуется), процентов или символа *.

Значение по умолчанию

100%

Пример

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"
  "http://www.w3.org/TR/html4/frameset.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>FRAMESET, атрибут cols</title>
 </head>
 <frameset cols="100,*,20%">
   <frame src="page/left.html" name="leftFrame">
   <frame src="page/main.html" name="mainFrame">
   <frame src="page/right.html" name="rightFrame">
 </frameset>
</html>

Браузеры ?

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор и редакторы

Автор: Влад Мержевич
Последнее изменение: 02.01.2017
Редакторы: Влад Мержевич
Курс по вёрстке сайта на CSS Grid