Атрибут width HTML тега table
Атрибут width определяет ширину таблицы.
Если атрибут width не определен, то таблица в ширину займет все место, необходимое для отображения данных.
Вместо него следует использовать стили CSS.
Пример синтаксиса CSS: .
Синтаксис атрибута
Значения атрибута
Значение | Описание |
---|---|
pixels | Ширина в пикселях (например, «100px» или «100») |
% | Ширина в процентах относительно родительского элемента |
Пример использования атрибута
HTML таблица шириной 400px:
Месяц Сэкономлено Январь $100 Февраль $80
Атрибут width
Устанавливает ширину линии в процентах или пикселах. При использовании процентов за 100% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.
Синтаксис
Значения
Любое допустимое значение в пикселах или процентах.
Значение по умолчанию
Аналог CSS
Валидация
Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного .
HTML 4.01 IE Cr Op Sa Fx
Результат данного примера показан на рис. 1.
Рис. 1. Вид линий разной ширины
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы
Атрибут width
Устанавливает ширину линии в процентах или пикселях. При использовании процентов за 100% берется ширина родительского элемента. Как правило, в качестве родителя выступает окно браузера.
Это устаревший атрибут, взамен него используйте стили.
Синтаксис
Значения
Любое допустимое значение в пикселях или процентах.
Значение по умолчанию
Пример
Результат данного примера показан на рис. 1.
Рис. 1. Вид линий разной ширины
Примечание
Для изменения ширины линии используйте стилевое свойство width.
Браузеры
3 | 12 | 1 | 12.1 | 4 | 1 |
4.4 | 4 | 12.1 | 3.2 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
Атрибут width
Для изменения размеров изображения средствами HTML предусмотрены атрибуты height и width . Допускается использовать значения в пикселях или процентах. Если установлена процентная запись, то размеры изображения вычисляются относительно родительского элемента — контейнера, где находится элемент . В случае отсутствия родительского контейнера, в его качестве выступает окно браузера. Иными словами, width=»100%» означает, что рисунок будет растянут на всю ширину веб-страницы. Добавление только одного атрибута height или width сохраняет пропорции и отношение сторон изображения. Браузер при этом ожидает полной загрузки рисунка, чтобы определить его первоначальную высоту и ширину.
Старайтесь задавать размеры всех изображений на веб-странице. Это несколько ускоряет загрузку страницы, поскольку браузеру нет нужды вычислять размер каждого рисунка после его получения.
Ширину и высоту изображения можно менять как в меньшую, так и большую сторону. Однако на скорость загрузки рисунка это никак не влияет, поскольку размер файла остаётся неизменным. При этом качество изображения может ухудшиться.
Синтаксис
Значения
Любое целое положительное число в пикселях или процентах.
Значение по умолчанию
Исходная ширина изображения.
Пример
Браузеры
3 | 12 | 1 | 4 | 1 | 1 |
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.