<wbr> HTML тег


Опис та застосування

Тег <wbr> надає можливість вказати браузеру, що при необхідності в цьому місці можна зробити перенесення рядка (наприклад, занадто довге слово або адреса URL).

91badee38bf6961d4fa177e83ff44ebf.png

Відмінність тега <wbr> від <br> полягає в тому, що в місці розташування тега <br> браузер обов'язково переносить вміст на новий рядок, а зустрічаючи в коді елемент <wbr> тільки в разі потреби.

автор: с3с

Порада

Internet Explorer 8 і Opera до версії 11.7 не роблять переноси довжини рядка, поки в стилях для wbr не вказано властивість display із значенням inline-block , як показано в прикладі.

автор: с3с
Нотатка

Жоден браузер при перенесенні тексту не додає символ дефіса. При необхідності дефіс можна імітувати, замінивши <wbr> на символ м'якого переносу & shy;

автор: с3с

У <wbr> відсутні власні елементи.

Назва Опис
accesskey Дозволяє активувати або сфокусуватись на елементі за допомогою заданого сполучення клавіш.
class Визначає один або кілька класів, щоб зв’язати елемент з таблицею стилів (CSS).
draggable Визначає чи можна перетягувати елемент.
contenteditable Дозволяє редагувати текст в середні тегу.
dir Вказує напрямок тексту.
dropzone Вказує, що робити з перетягувати елементи.
hidden Приховує вміст елемента від перегляду.
id Задає унікальний ідентифікатор для елемента.
lang Визначає основну мову вмісту елемента
spellcheck Вказує браузеру перевіряти чи ні правопис і граматику в тексті елемента.
style Задає вбудований (inline) CSS стиль для елемента.
tabindex Встановлює порядок отримання фокусу при переході між елементами за допомогою клавіші `Tab`.
title Вказує додаткову текстову підказку
translate Повідомляє браузеру переводити вказаний текст в елементі чи ні.
contextmenu Контекстне меню для елемента

<wbr> не підтримує жодних атрибутів подій.

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
1+ 1+ 4+ 11.7+ 12+ 8+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
1.5+ 1+ 1+ -

Приклади

+ запропонувати свій приклад у пісочниці

Приклад використання HTML теґа <wbr>

See the Pen wbr.css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Найпростіший приклад використання HTML теґа <wbr>

See the Pen wbr.css_in_ua1 by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Різниця між XHTML та HTML


Не підтримується XHTML


Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід