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

Відмінність тега <wbr> від <br> полягає в тому, що в місці розташування тега <br> браузер обов'язково переносить вміст на новий рядок, а зустрічаючи в коді елемент <wbr> тільки в разі потреби.
- Порада
-
Internet Explorer 8 і Opera до версії 11.7 не роблять переноси довжини рядка, поки в стилях для wbr не вказано властивість display із значенням inline-block , як показано в прикладі.
автор: с3с - Нотатка
-
Жоден браузер при перенесенні тексту не додає символ дефіса. При необхідності дефіс можна імітувати, замінивши
автор: с3с<wbr>на символ м'якого переносу& shy;
У <wbr> відсутні власні елементи.
| Назва | Опис |
|---|---|
| accesskey | Дозволяє активувати або сфокусуватись на елементі за допомогою заданого сполучення клавіш. |
| class | Визначає один або кілька класів, щоб зв’язати елемент з таблицею стилів (CSS). |
| draggable | Визначає чи можна перетягувати елемент. |
| contenteditable | Дозволяє редагувати текст в середні тегу. |
| dir | Вказує напрямок тексту. |
| dropzone | Вказує, що робити з перетягувати елементи. |
| hidden | Приховує вміст елемента від перегляду. |
| id | Задає унікальний ідентифікатор для елемента. |
| lang | Визначає основну мову вмісту елемента |
| spellcheck | Вказує браузеру перевіряти чи ні правопис і граматику в тексті елемента. |
| style | Задає вбудований (inline) CSS стиль для елемента. |
| tabindex | Встановлює порядок отримання фокусу при переході між елементами за допомогою клавіші `Tab`. |
| title | Вказує додаткову текстову підказку |
| translate | Повідомляє браузеру переводити вказаний текст в елементі чи ні. |
| contextmenu | Контекстне меню для елемента |
<wbr> не підтримує жодних атрибутів подій.
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| 1+ | 1+ | 4+ | 11.7+ | 12+ | 8+ |
| Переглядач | ||||
|---|---|---|---|---|
| 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
Коментарі
Коментарів ще немає — будьте першим!